@babylonjs/inspector 6.9.0 → 6.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.
|
@@ -3058,12 +3058,19 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#scene-explorer-host {
|
|
|
3058
3058
|
#sceneExplorer .itemContainer .sceneNode .pickingMode.selected {
|
|
3059
3059
|
opacity: 1;
|
|
3060
3060
|
}
|
|
3061
|
-
#sceneExplorer .itemContainer .sceneNode .
|
|
3061
|
+
#sceneExplorer .itemContainer .sceneNode .coordinates {
|
|
3062
3062
|
grid-column: 8;
|
|
3063
|
+
opacity: 0.6;
|
|
3064
|
+
}
|
|
3065
|
+
#sceneExplorer .itemContainer .sceneNode .coordinates.selected {
|
|
3066
|
+
opacity: 1;
|
|
3067
|
+
}
|
|
3068
|
+
#sceneExplorer .itemContainer .sceneNode .refresh {
|
|
3069
|
+
grid-column: 9;
|
|
3063
3070
|
}
|
|
3064
3071
|
#sceneExplorer .itemContainer .sceneNode .extensions {
|
|
3065
3072
|
width: 20px;
|
|
3066
|
-
grid-column:
|
|
3073
|
+
grid-column: 10;
|
|
3067
3074
|
}
|
|
3068
3075
|
#sceneExplorer .itemContainer .targetedAnimationTools {
|
|
3069
3076
|
grid-column: 2;
|
|
@@ -3321,7 +3328,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#scene-explorer-host {
|
|
|
3321
3328
|
white-space: nowrap;
|
|
3322
3329
|
text-overflow: ellipsis;
|
|
3323
3330
|
overflow: hidden;
|
|
3324
|
-
}`, "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/sceneExplorer/sceneExplorer.scss"],"names":[],"mappings":"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","sourcesContent":["#scene-explorer-host {\r\n position: absolute;\r\n left: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n.context-menu {\r\n background: #222222;\r\n\r\n .react-contextmenu-item {\r\n padding: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #555555;\r\n }\r\n }\r\n}\r\n\r\n.react-contextmenu.context-menu.react-contextmenu--visible {\r\n z-index: 99;\r\n transform: scale(1);\r\n}\r\n\r\n#sceneExplorer {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\";\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n #tree {\r\n grid-row: 2;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 40px 5px 40px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: white;\r\n }\r\n\r\n input::placeholder {\r\n color: lightgray;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n }\r\n\r\n .groupContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n align-self: center;\r\n display: grid;\r\n align-items: center;\r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n .expandableHeader {\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n\r\n .text {\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n .arrow {\r\n grid-column: 1;\r\n margin-left: 0px;\r\n color: white;\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 6px;\r\n opacity: 0.5;\r\n }\r\n\r\n .text-value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .expandAll {\r\n opacity: 0.5;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n }\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .itemContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n &.selected {\r\n background: #bbbbbb;\r\n color: black;\r\n }\r\n\r\n .isNotActive {\r\n opacity: 0.3;\r\n }\r\n\r\n .arrow {\r\n grid-column: 1;\r\n color: white;\r\n opacity: 0.6;\r\n }\r\n\r\n .popup {\r\n width: 200px;\r\n visibility: hidden;\r\n background-color: #444444;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n position: absolute;\r\n z-index: 1;\r\n margin-left: -180px;\r\n box-sizing: border-box;\r\n\r\n &.show {\r\n visibility: visible;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .popupMenu {\r\n padding: 6px 5px 5px 10px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n height: 18px;\r\n\r\n &:hover {\r\n background: white;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .sceneNode {\r\n grid-column: 2;\r\n margin-left: -10px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n .sceneTitle {\r\n grid-column: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n }\r\n\r\n .translation {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rotation {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scaling {\r\n grid-column: 4;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .bounding {\r\n grid-column: 5;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .separator {\r\n grid-column: 6;\r\n margin-left: 5px;\r\n width: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 18px;\r\n border-left: solid 1px rgb(51, 122, 183);\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 7;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .refresh {\r\n grid-column: 8;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 9;\r\n }\r\n }\r\n\r\n .targetedAnimationTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .animationGroupTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .soundTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .meshTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .bounding-box {\r\n grid-column: 2;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .visibility {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .cameraTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .activeCamera {\r\n grid-column: 2;\r\n }\r\n\r\n .enableGizmo {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .lightTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .visibility {\r\n grid-column: 2;\r\n }\r\n\r\n .enableGizmo {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .spriteTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .spriteManagerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .materialTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .particleSystemTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .effectLayerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .postProcessTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .renderingPipelineTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .textureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .adtextureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .edit {\r\n grid-column: 2;\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n .controlTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .highlight {\r\n grid-column: 2;\r\n }\r\n\r\n .visibility {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .transformNodeTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .skeletonTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .title {\r\n grid-column: 1;\r\n background: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n min-width: 0;\r\n margin-right: 5px;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 25px 1fr;\r\n height: 24px;\r\n cursor: pointer;\r\n\r\n .titleIcon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .titleText {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
3331
|
+
}`, "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/sceneExplorer/sceneExplorer.scss"],"names":[],"mappings":"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","sourcesContent":["#scene-explorer-host {\r\n position: absolute;\r\n left: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n.context-menu {\r\n background: #222222;\r\n\r\n .react-contextmenu-item {\r\n padding: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #555555;\r\n }\r\n }\r\n}\r\n\r\n.react-contextmenu.context-menu.react-contextmenu--visible {\r\n z-index: 99;\r\n transform: scale(1);\r\n}\r\n\r\n#sceneExplorer {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\";\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n #tree {\r\n grid-row: 2;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 40px 5px 40px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: white;\r\n }\r\n\r\n input::placeholder {\r\n color: lightgray;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n }\r\n\r\n .groupContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n align-self: center;\r\n display: grid;\r\n align-items: center;\r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n .expandableHeader {\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n\r\n .text {\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n .arrow {\r\n grid-column: 1;\r\n margin-left: 0px;\r\n color: white;\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 6px;\r\n opacity: 0.5;\r\n }\r\n\r\n .text-value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .expandAll {\r\n opacity: 0.5;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n }\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .itemContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n &.selected {\r\n background: #bbbbbb;\r\n color: black;\r\n }\r\n\r\n .isNotActive {\r\n opacity: 0.3;\r\n }\r\n\r\n .arrow {\r\n grid-column: 1;\r\n color: white;\r\n opacity: 0.6;\r\n }\r\n\r\n .popup {\r\n width: 200px;\r\n visibility: hidden;\r\n background-color: #444444;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n position: absolute;\r\n z-index: 1;\r\n margin-left: -180px;\r\n box-sizing: border-box;\r\n\r\n &.show {\r\n visibility: visible;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .popupMenu {\r\n padding: 6px 5px 5px 10px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n height: 18px;\r\n\r\n &:hover {\r\n background: white;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .sceneNode {\r\n grid-column: 2;\r\n margin-left: -10px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n .sceneTitle {\r\n grid-column: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n }\r\n\r\n .translation {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rotation {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scaling {\r\n grid-column: 4;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .bounding {\r\n grid-column: 5;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .separator {\r\n grid-column: 6;\r\n margin-left: 5px;\r\n width: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 18px;\r\n border-left: solid 1px rgb(51, 122, 183);\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 7;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .coordinates {\r\n grid-column: 8;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .refresh {\r\n grid-column: 9;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 10;\r\n }\r\n }\r\n\r\n .targetedAnimationTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .animationGroupTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .soundTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .meshTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .bounding-box {\r\n grid-column: 2;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .visibility {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .cameraTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .activeCamera {\r\n grid-column: 2;\r\n }\r\n\r\n .enableGizmo {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .lightTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .visibility {\r\n grid-column: 2;\r\n }\r\n\r\n .enableGizmo {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .spriteTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .spriteManagerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .materialTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .particleSystemTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .effectLayerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .postProcessTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .renderingPipelineTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .textureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .adtextureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .edit {\r\n grid-column: 2;\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n .controlTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .highlight {\r\n grid-column: 2;\r\n }\r\n\r\n .visibility {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .transformNodeTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .skeletonTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .title {\r\n grid-column: 1;\r\n background: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n min-width: 0;\r\n margin-right: 5px;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 25px 1fr;\r\n height: 24px;\r\n cursor: pointer;\r\n\r\n .titleIcon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .titleText {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
3325
3332
|
// Exports
|
|
3326
3333
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
3327
3334
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
@@ -47041,6 +47048,7 @@ class PBRMaterialPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1_
|
|
|
47041
47048
|
{ label: "Sheen Map", value: 29 },
|
|
47042
47049
|
{ label: "Anisotropic Map", value: 30 },
|
|
47043
47050
|
{ label: "Thickness Map", value: 31 },
|
|
47051
|
+
{ label: "Bump Map", value: 32 },
|
|
47044
47052
|
// Env
|
|
47045
47053
|
{ label: "Env Refraction", value: 40 },
|
|
47046
47054
|
{ label: "Env Reflection", value: 41 },
|
|
@@ -54896,7 +54904,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
54896
54904
|
/* harmony export */ SceneTreeItemComponent: () => (/* binding */ SceneTreeItemComponent)
|
|
54897
54905
|
/* harmony export */ });
|
|
54898
54906
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
|
|
54899
|
-
/* harmony import */ var core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/
|
|
54907
|
+
/* harmony import */ var core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Gizmos/gizmo */ "core/Misc/observable");
|
|
54900
54908
|
/* harmony import */ var core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__);
|
|
54901
54909
|
/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js");
|
|
54902
54910
|
/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs");
|
|
@@ -54913,6 +54921,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
54913
54921
|
|
|
54914
54922
|
|
|
54915
54923
|
|
|
54924
|
+
|
|
54916
54925
|
class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Component {
|
|
54917
54926
|
constructor(props) {
|
|
54918
54927
|
super(props);
|
|
@@ -54938,7 +54947,7 @@ class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
|
|
|
54938
54947
|
// autopicking is disable by default
|
|
54939
54948
|
manager.enableAutoPicking = false;
|
|
54940
54949
|
}
|
|
54941
|
-
this.state = { isSelected: false, isInPickingMode: false, gizmoMode: gizmoMode };
|
|
54950
|
+
this.state = { isSelected: false, isInPickingMode: false, gizmoMode: gizmoMode, isInWorldCoodinatesMode: false };
|
|
54942
54951
|
}
|
|
54943
54952
|
shouldComponentUpdate(nextProps, nextState) {
|
|
54944
54953
|
if (nextProps.selectedEntity) {
|
|
@@ -55017,6 +55026,13 @@ class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
|
|
|
55017
55026
|
const scene = this.props.scene;
|
|
55018
55027
|
this.props.onSelectionChangedObservable.notifyObservers(scene);
|
|
55019
55028
|
}
|
|
55029
|
+
onCoordinatesMode() {
|
|
55030
|
+
const scene = this.props.scene;
|
|
55031
|
+
const manager = scene.reservedDataStore.gizmoManager;
|
|
55032
|
+
// flip coordinate system
|
|
55033
|
+
manager.coordinatesMode = this.state.isInWorldCoodinatesMode ? core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__.GizmoCoordinatesMode.Local : core_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__.GizmoCoordinatesMode.World;
|
|
55034
|
+
this.setState({ isInWorldCoodinatesMode: !this.state.isInWorldCoodinatesMode });
|
|
55035
|
+
}
|
|
55020
55036
|
onPickingMode() {
|
|
55021
55037
|
const scene = this.props.scene;
|
|
55022
55038
|
if (this._onPointerObserver) {
|
|
@@ -55263,7 +55279,7 @@ class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
|
|
|
55263
55279
|
this.setState({ gizmoMode: mode });
|
|
55264
55280
|
}
|
|
55265
55281
|
render() {
|
|
55266
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.isSelected ? "itemContainer selected" : "itemContainer", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "sceneNode", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "sceneTitle", onClick: () => this.onSelect(), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faImage }), "\u00A0Scene"] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 1 ? "translation selected icon" : "translation icon", onClick: () => this.setGizmoMode(1), title: "Enable/Disable position mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faArrowsAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 2 ? "rotation selected icon" : "rotation icon", onClick: () => this.setGizmoMode(2), title: "Enable/Disable rotation mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faRedoAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 3 ? "scaling selected icon" : "scaling icon", onClick: () => this.setGizmoMode(3), title: "Enable/Disable scaling mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faCompress }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 4 ? "bounding selected icon" : "bounding icon", onClick: () => this.setGizmoMode(4), title: "Enable/Disable bounding box mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faVectorSquare }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "separator" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.isInPickingMode ? "pickingMode selected icon" : "pickingMode icon", onClick: () => this.onPickingMode(), title: "Turn picking mode on/off", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faCrosshairs }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "refresh icon", onClick: () => this.props.onRefresh(), title: "Refresh the explorer", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faSyncAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_extensionsComponent__WEBPACK_IMPORTED_MODULE_3__.ExtensionsComponent, { target: this.props.scene, extensibilityGroups: this.props.extensibilityGroups })] }) }));
|
|
55282
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.isSelected ? "itemContainer selected" : "itemContainer", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "sceneNode", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "sceneTitle", onClick: () => this.onSelect(), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faImage }), "\u00A0Scene"] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 1 ? "translation selected icon" : "translation icon", onClick: () => this.setGizmoMode(1), title: "Enable/Disable position mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faArrowsAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 2 ? "rotation selected icon" : "rotation icon", onClick: () => this.setGizmoMode(2), title: "Enable/Disable rotation mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faRedoAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 3 ? "scaling selected icon" : "scaling icon", onClick: () => this.setGizmoMode(3), title: "Enable/Disable scaling mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faCompress }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.gizmoMode === 4 ? "bounding selected icon" : "bounding icon", onClick: () => this.setGizmoMode(4), title: "Enable/Disable bounding box mode", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faVectorSquare }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "separator" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.isInPickingMode ? "pickingMode selected icon" : "pickingMode icon", onClick: () => this.onPickingMode(), title: "Turn picking mode on/off", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faCrosshairs }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.isInWorldCoodinatesMode ? "coordinates selected icon" : "coordinates icon", onClick: () => this.onCoordinatesMode(), title: "Switch between world and local coordinates", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faLocationDot }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "refresh icon", onClick: () => this.props.onRefresh(), title: "Refresh the explorer", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faSyncAlt }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_extensionsComponent__WEBPACK_IMPORTED_MODULE_3__.ExtensionsComponent, { target: this.props.scene, extensibilityGroups: this.props.extensibilityGroups })] }) }));
|
|
55267
55283
|
}
|
|
55268
55284
|
}
|
|
55269
55285
|
|