@babylonjs/node-editor 5.0.0-alpha.60 → 5.0.0-alpha.64
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.
- package/babylon.nodeEditor.max.js +1782 -1647
- package/babylon.nodeEditor.max.js.map +1 -1
- package/babylon.nodeEditor.module.d.ts +56 -39
- package/package.json +2 -2
|
@@ -81,8 +81,11 @@ declare module "@babylonjs/node-editor/blockTools" {
|
|
|
81
81
|
import { SceneDepthBlock } from '@babylonjs/core/Materials/Node/Blocks/Dual/sceneDepthBlock';
|
|
82
82
|
import { ImageSourceBlock } from '@babylonjs/core/Materials/Node/Blocks/Dual/imageSourceBlock';
|
|
83
83
|
import { CloudBlock } from '@babylonjs/core/Materials/Node/Blocks/cloudBlock';
|
|
84
|
+
import { VoronoiNoiseBlock } from '@babylonjs/core/Materials/Node/Blocks/voronoiNoiseBlock';
|
|
85
|
+
import { ScreenSpaceBlock } from '@babylonjs/core/Materials/Node/Blocks/Fragment/screenSpaceBlock';
|
|
86
|
+
import { TwirlBlock } from '@babylonjs/core/Materials/Node/Blocks/Fragment/twirlBlock';
|
|
84
87
|
export class BlockTools {
|
|
85
|
-
static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | null;
|
|
88
|
+
static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | null;
|
|
86
89
|
static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
|
|
87
90
|
static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
|
|
88
91
|
static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4" | "";
|
|
@@ -439,12 +442,12 @@ declare module "@babylonjs/node-editor/diagram/nodeLink" {
|
|
|
439
442
|
declare module "@babylonjs/node-editor/diagram/graphCanvas" {
|
|
440
443
|
import * as React from "react";
|
|
441
444
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
442
|
-
import { NodeMaterialBlock } from
|
|
445
|
+
import { NodeMaterialBlock } from "@babylonjs/core/Materials/Node/nodeMaterialBlock";
|
|
443
446
|
import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
|
|
444
|
-
import { Nullable } from
|
|
447
|
+
import { Nullable } from "@babylonjs/core/types";
|
|
445
448
|
import { NodeLink } from "@babylonjs/node-editor/diagram/nodeLink";
|
|
446
449
|
import { NodePort } from "@babylonjs/node-editor/diagram/nodePort";
|
|
447
|
-
import { NodeMaterialConnectionPoint } from
|
|
450
|
+
import { NodeMaterialConnectionPoint } from "@babylonjs/core/Materials/Node/nodeMaterialBlockConnectionPoint";
|
|
448
451
|
import { GraphFrame } from "@babylonjs/node-editor/diagram/graphFrame";
|
|
449
452
|
import { IEditorData, IFrameData } from "@babylonjs/node-editor/nodeLocationInfo";
|
|
450
453
|
import { FrameNodePort } from "@babylonjs/node-editor/diagram/frameNodePort";
|
|
@@ -587,7 +590,7 @@ declare module "@babylonjs/node-editor/sharedComponents/floatLineComponent" {
|
|
|
587
590
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/floatPropertyTabComponent" {
|
|
588
591
|
import * as React from "react";
|
|
589
592
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
590
|
-
import { InputBlock } from
|
|
593
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
591
594
|
interface IFloatPropertyTabComponentProps {
|
|
592
595
|
globalState: GlobalState;
|
|
593
596
|
inputBlock: InputBlock;
|
|
@@ -693,7 +696,7 @@ declare module "@babylonjs/node-editor/sharedComponents/vector2LineComponent" {
|
|
|
693
696
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/vector2PropertyTabComponent" {
|
|
694
697
|
import * as React from "react";
|
|
695
698
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
696
|
-
import { InputBlock } from
|
|
699
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
697
700
|
interface IVector2PropertyTabComponentProps {
|
|
698
701
|
globalState: GlobalState;
|
|
699
702
|
inputBlock: InputBlock;
|
|
@@ -779,7 +782,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/colorPicker/colorPicke
|
|
|
779
782
|
}
|
|
780
783
|
declare module "@babylonjs/node-editor/sharedComponents/colorPickerComponent" {
|
|
781
784
|
import * as React from "react";
|
|
782
|
-
import { Color4, Color3 } from
|
|
785
|
+
import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
|
|
783
786
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
784
787
|
export interface IColorPickerComponentProps {
|
|
785
788
|
value: Color4 | Color3;
|
|
@@ -839,7 +842,7 @@ declare module "@babylonjs/node-editor/sharedComponents/color3LineComponent" {
|
|
|
839
842
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/color3PropertyTabComponent" {
|
|
840
843
|
import * as React from "react";
|
|
841
844
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
842
|
-
import { InputBlock } from
|
|
845
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
843
846
|
interface IColor3PropertyTabComponentProps {
|
|
844
847
|
globalState: GlobalState;
|
|
845
848
|
inputBlock: InputBlock;
|
|
@@ -888,7 +891,7 @@ declare module "@babylonjs/node-editor/sharedComponents/vector3LineComponent" {
|
|
|
888
891
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/vector3PropertyTabComponent" {
|
|
889
892
|
import * as React from "react";
|
|
890
893
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
891
|
-
import { InputBlock } from
|
|
894
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
892
895
|
interface IVector3PropertyTabComponentProps {
|
|
893
896
|
globalState: GlobalState;
|
|
894
897
|
inputBlock: InputBlock;
|
|
@@ -939,7 +942,7 @@ declare module "@babylonjs/node-editor/sharedComponents/vector4LineComponent" {
|
|
|
939
942
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/vector4PropertyTabComponent" {
|
|
940
943
|
import * as React from "react";
|
|
941
944
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
942
|
-
import { InputBlock } from
|
|
945
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
943
946
|
interface IVector4PropertyTabComponentProps {
|
|
944
947
|
globalState: GlobalState;
|
|
945
948
|
inputBlock: InputBlock;
|
|
@@ -1020,7 +1023,7 @@ declare module "@babylonjs/node-editor/sharedComponents/matrixLineComponent" {
|
|
|
1020
1023
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/matrixPropertyTabComponent" {
|
|
1021
1024
|
import * as React from "react";
|
|
1022
1025
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
1023
|
-
import { InputBlock } from
|
|
1026
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
1024
1027
|
interface IMatrixPropertyTabComponentProps {
|
|
1025
1028
|
globalState: GlobalState;
|
|
1026
1029
|
inputBlock: InputBlock;
|
|
@@ -1145,10 +1148,10 @@ declare module "@babylonjs/node-editor/diagram/properties/genericNodePropertyCom
|
|
|
1145
1148
|
export class GenericPropertyTabComponent extends React.Component<IPropertyComponentProps> {
|
|
1146
1149
|
constructor(props: IPropertyComponentProps);
|
|
1147
1150
|
forceRebuild(notifiers?: {
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1151
|
+
rebuild?: boolean;
|
|
1152
|
+
update?: boolean;
|
|
1153
|
+
activatePreviewCommand?: boolean;
|
|
1154
|
+
callback?: (scene: Scene) => void;
|
|
1152
1155
|
}): void;
|
|
1153
1156
|
render(): JSX.Element;
|
|
1154
1157
|
}
|
|
@@ -1190,7 +1193,7 @@ declare module "@babylonjs/node-editor/sharedComponents/color4LineComponent" {
|
|
|
1190
1193
|
declare module "@babylonjs/node-editor/components/propertyTab/properties/color4PropertyTabComponent" {
|
|
1191
1194
|
import * as React from "react";
|
|
1192
1195
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
1193
|
-
import { InputBlock } from
|
|
1196
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
1194
1197
|
interface IColor4PropertyTabComponentProps {
|
|
1195
1198
|
globalState: GlobalState;
|
|
1196
1199
|
inputBlock: InputBlock;
|
|
@@ -1222,9 +1225,9 @@ declare module "@babylonjs/node-editor/diagram/properties/transformNodePropertyC
|
|
|
1222
1225
|
}
|
|
1223
1226
|
}
|
|
1224
1227
|
declare module "@babylonjs/node-editor/diagram/properties/gradientStepComponent" {
|
|
1225
|
-
import * as React from
|
|
1228
|
+
import * as React from "react";
|
|
1226
1229
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
1227
|
-
import { GradientBlockColorStep } from
|
|
1230
|
+
import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
|
|
1228
1231
|
interface IGradientStepComponentProps {
|
|
1229
1232
|
globalState: GlobalState;
|
|
1230
1233
|
step: GradientBlockColorStep;
|
|
@@ -1258,7 +1261,7 @@ declare module "@babylonjs/node-editor/sharedComponents/buttonLineComponent" {
|
|
|
1258
1261
|
}
|
|
1259
1262
|
declare module "@babylonjs/node-editor/diagram/properties/gradientNodePropertyComponent" {
|
|
1260
1263
|
import * as React from "react";
|
|
1261
|
-
import { GradientBlockColorStep } from
|
|
1264
|
+
import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
|
|
1262
1265
|
import { IPropertyComponentProps } from "@babylonjs/node-editor/diagram/properties/propertyComponentProps";
|
|
1263
1266
|
export class GradientPropertyTabComponent extends React.Component<IPropertyComponentProps> {
|
|
1264
1267
|
private onValueChangedObserver;
|
|
@@ -1305,12 +1308,12 @@ declare module "@babylonjs/node-editor/sharedComponents/fileButtonLineComponent"
|
|
|
1305
1308
|
declare module "@babylonjs/node-editor/diagram/properties/texturePropertyTabComponent" {
|
|
1306
1309
|
import * as React from "react";
|
|
1307
1310
|
import { IPropertyComponentProps } from "@babylonjs/node-editor/diagram/properties/propertyComponentProps";
|
|
1308
|
-
import { ReflectionTextureBlock } from
|
|
1309
|
-
import { ReflectionBlock } from
|
|
1310
|
-
import { RefractionBlock } from
|
|
1311
|
-
import { TextureBlock } from
|
|
1312
|
-
import { CurrentScreenBlock } from
|
|
1313
|
-
import { ParticleTextureBlock } from
|
|
1311
|
+
import { ReflectionTextureBlock } from "@babylonjs/core/Materials/Node/Blocks/Dual/reflectionTextureBlock";
|
|
1312
|
+
import { ReflectionBlock } from "@babylonjs/core/Materials/Node/Blocks/PBR/reflectionBlock";
|
|
1313
|
+
import { RefractionBlock } from "@babylonjs/core/Materials/Node/Blocks/PBR/refractionBlock";
|
|
1314
|
+
import { TextureBlock } from "@babylonjs/core/Materials/Node/Blocks/Dual/textureBlock";
|
|
1315
|
+
import { CurrentScreenBlock } from "@babylonjs/core/Materials/Node/Blocks/Dual/currentScreenBlock";
|
|
1316
|
+
import { ParticleTextureBlock } from "@babylonjs/core/Materials/Node/Blocks/Particle/particleTextureBlock";
|
|
1314
1317
|
type ReflectionTexture = ReflectionTextureBlock | ReflectionBlock | RefractionBlock;
|
|
1315
1318
|
type AnyTexture = TextureBlock | ReflectionTexture | CurrentScreenBlock | ParticleTextureBlock;
|
|
1316
1319
|
export class TexturePropertyTabComponent extends React.Component<IPropertyComponentProps, {
|
|
@@ -1356,7 +1359,7 @@ declare module "@babylonjs/node-editor/diagram/properties/conditionalNodePropert
|
|
|
1356
1359
|
declare module "@babylonjs/node-editor/diagram/properties/imageSourcePropertyTabComponent" {
|
|
1357
1360
|
import * as React from "react";
|
|
1358
1361
|
import { IPropertyComponentProps } from "@babylonjs/node-editor/diagram/properties/propertyComponentProps";
|
|
1359
|
-
import { ImageSourceBlock } from
|
|
1362
|
+
import { ImageSourceBlock } from "@babylonjs/core/Materials/Node/Blocks/Dual/imageSourceBlock";
|
|
1360
1363
|
export class ImageSourcePropertyTabComponent extends React.Component<IPropertyComponentProps, {
|
|
1361
1364
|
isEmbedded: boolean;
|
|
1362
1365
|
}> {
|
|
@@ -1740,6 +1743,7 @@ declare module "@babylonjs/node-editor/sharedComponents/draggableLineWithButtonC
|
|
|
1740
1743
|
iconImage: any;
|
|
1741
1744
|
onIconClick: (value: string) => void;
|
|
1742
1745
|
iconTitle: string;
|
|
1746
|
+
lenSuffixToRemove?: number;
|
|
1743
1747
|
}
|
|
1744
1748
|
export class DraggableLineWithButtonComponent extends React.Component<IDraggableLineWithButtonComponent> {
|
|
1745
1749
|
constructor(props: IDraggableLineWithButtonComponent);
|
|
@@ -1779,18 +1783,21 @@ declare module "@babylonjs/node-editor/components/nodeList/nodeListComponent" {
|
|
|
1779
1783
|
private _onResetRequiredObserver;
|
|
1780
1784
|
private static _Tooltips;
|
|
1781
1785
|
private _customFrameList;
|
|
1786
|
+
private _customBlockList;
|
|
1782
1787
|
constructor(props: INodeListComponentProps);
|
|
1783
1788
|
componentWillUnmount(): void;
|
|
1784
1789
|
filterContent(filter: string): void;
|
|
1785
1790
|
loadCustomFrame(file: File): void;
|
|
1786
1791
|
removeItem(value: string): void;
|
|
1792
|
+
loadCustomBlock(file: File): void;
|
|
1793
|
+
removeCustomBlock(value: string): void;
|
|
1787
1794
|
render(): JSX.Element;
|
|
1788
1795
|
}
|
|
1789
1796
|
}
|
|
1790
1797
|
declare module "@babylonjs/node-editor/components/propertyTab/inputsPropertyTabComponent" {
|
|
1791
1798
|
import * as React from "react";
|
|
1792
1799
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
1793
|
-
import { InputBlock } from
|
|
1800
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
1794
1801
|
interface IInputsPropertyTabComponentProps {
|
|
1795
1802
|
globalState: GlobalState;
|
|
1796
1803
|
inputs: InputBlock[];
|
|
@@ -1857,10 +1864,10 @@ declare module "@babylonjs/node-editor/diagram/properties/nodePortPropertyCompon
|
|
|
1857
1864
|
declare module "@babylonjs/node-editor/components/propertyTab/propertyTabComponent" {
|
|
1858
1865
|
import * as React from "react";
|
|
1859
1866
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
1860
|
-
import { Nullable } from
|
|
1867
|
+
import { Nullable } from "@babylonjs/core/types";
|
|
1861
1868
|
import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
|
|
1862
1869
|
import { GraphFrame } from "@babylonjs/node-editor/diagram/graphFrame";
|
|
1863
|
-
import { InputBlock } from
|
|
1870
|
+
import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
|
|
1864
1871
|
import { FrameNodePort } from "@babylonjs/node-editor/diagram/frameNodePort";
|
|
1865
1872
|
import { NodePort } from "@babylonjs/node-editor/diagram/nodePort";
|
|
1866
1873
|
interface IPropertyTabComponentProps {
|
|
@@ -2002,8 +2009,8 @@ declare module "@babylonjs/node-editor/sharedComponents/popup" {
|
|
|
2002
2009
|
declare module "@babylonjs/node-editor/graphEditor" {
|
|
2003
2010
|
import * as React from "react";
|
|
2004
2011
|
import { GlobalState } from "@babylonjs/node-editor/globalState";
|
|
2005
|
-
import { NodeMaterialBlock } from
|
|
2006
|
-
import { Nullable } from
|
|
2012
|
+
import { NodeMaterialBlock } from "@babylonjs/core/Materials/Node/nodeMaterialBlock";
|
|
2013
|
+
import { Nullable } from "@babylonjs/core/types";
|
|
2007
2014
|
import { IEditorData } from "@babylonjs/node-editor/nodeLocationInfo";
|
|
2008
2015
|
import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
|
|
2009
2016
|
import { IInspectorOptions } from "@babylonjs/core/Debug/debugLayer";
|
|
@@ -2143,7 +2150,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/checkBoxLineComp
|
|
|
2143
2150
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
|
2144
2151
|
import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedUiComponents/propertyChangedEvent";
|
|
2145
2152
|
export interface ICheckBoxLineComponentProps {
|
|
2146
|
-
label
|
|
2153
|
+
label?: string;
|
|
2147
2154
|
target?: any;
|
|
2148
2155
|
propertyName?: string;
|
|
2149
2156
|
isSelected?: () => boolean;
|
|
@@ -2153,6 +2160,8 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/checkBoxLineComp
|
|
|
2153
2160
|
disabled?: boolean;
|
|
2154
2161
|
icon?: string;
|
|
2155
2162
|
iconLabel?: string;
|
|
2163
|
+
faIcons?: {
|
|
2164
|
+
};
|
|
2156
2165
|
}
|
|
2157
2166
|
export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
|
|
2158
2167
|
isSelected: boolean;
|
|
@@ -2199,7 +2208,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/numericInputComp
|
|
|
2199
2208
|
}
|
|
2200
2209
|
declare module "@babylonjs/node-editor/sharedUiComponents/lines/colorPickerComponent" {
|
|
2201
2210
|
import * as React from "react";
|
|
2202
|
-
import { Color4, Color3 } from
|
|
2211
|
+
import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
|
|
2203
2212
|
export interface IColorPickerComponentProps {
|
|
2204
2213
|
value: Color4 | Color3;
|
|
2205
2214
|
linearHint?: boolean;
|
|
@@ -2252,6 +2261,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/textInputLineCom
|
|
|
2252
2261
|
iconLabel?: string;
|
|
2253
2262
|
noUnderline?: boolean;
|
|
2254
2263
|
numbersOnly?: boolean;
|
|
2264
|
+
delayInput?: boolean;
|
|
2255
2265
|
}
|
|
2256
2266
|
export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
|
|
2257
2267
|
value: string;
|
|
@@ -2271,7 +2281,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/color3LineCompon
|
|
|
2271
2281
|
import * as React from "react";
|
|
2272
2282
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
|
2273
2283
|
import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedUiComponents/propertyChangedEvent";
|
|
2274
|
-
import { Color3 } from
|
|
2284
|
+
import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
|
|
2275
2285
|
import { LockObject } from "@babylonjs/node-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
|
2276
2286
|
export interface IColor3LineComponentProps {
|
|
2277
2287
|
label: string;
|
|
@@ -2282,25 +2292,31 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/color3LineCompon
|
|
|
2282
2292
|
icon?: string;
|
|
2283
2293
|
lockObject?: LockObject;
|
|
2284
2294
|
iconLabel?: string;
|
|
2295
|
+
onValueChange?: (value: string) => void;
|
|
2285
2296
|
}
|
|
2286
2297
|
export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
|
|
2287
2298
|
isExpanded: boolean;
|
|
2288
|
-
color: Color3;
|
|
2299
|
+
color: Color3 | Color4;
|
|
2300
|
+
colorText: string;
|
|
2289
2301
|
}> {
|
|
2290
2302
|
private _localChange;
|
|
2291
2303
|
constructor(props: IColor3LineComponentProps);
|
|
2304
|
+
private convertToColor3;
|
|
2292
2305
|
shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
|
|
2293
|
-
color: Color3;
|
|
2306
|
+
color: Color3 | Color4;
|
|
2307
|
+
colorText: string;
|
|
2294
2308
|
}): boolean;
|
|
2295
|
-
setPropertyValue(newColor: Color3): void;
|
|
2309
|
+
setPropertyValue(newColor: Color3 | Color4, newColorText: string): void;
|
|
2296
2310
|
onChange(newValue: string): void;
|
|
2297
2311
|
switchExpandState(): void;
|
|
2298
|
-
raiseOnPropertyChanged(previousValue: Color3): void;
|
|
2312
|
+
raiseOnPropertyChanged(previousValue: Color3 | Color4): void;
|
|
2299
2313
|
updateStateR(value: number): void;
|
|
2300
2314
|
updateStateG(value: number): void;
|
|
2301
2315
|
updateStateB(value: number): void;
|
|
2302
2316
|
copyToClipboard(): void;
|
|
2303
2317
|
convert(colorString: string): void;
|
|
2318
|
+
private _colorStringSaved;
|
|
2319
|
+
private _colorPickerOpen;
|
|
2304
2320
|
private _colorString;
|
|
2305
2321
|
render(): JSX.Element;
|
|
2306
2322
|
}
|
|
@@ -2448,6 +2464,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/floatLineCompone
|
|
|
2448
2464
|
onEnter?: (newValue: number) => void;
|
|
2449
2465
|
icon?: string;
|
|
2450
2466
|
iconLabel?: string;
|
|
2467
|
+
defaultValue?: number;
|
|
2451
2468
|
}
|
|
2452
2469
|
export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
|
|
2453
2470
|
value: string;
|
|
@@ -2514,7 +2531,7 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/iSelectedLineCon
|
|
|
2514
2531
|
}
|
|
2515
2532
|
}
|
|
2516
2533
|
declare module "@babylonjs/node-editor/sharedUiComponents/lines/iconButtonLineComponent" {
|
|
2517
|
-
import * as React from
|
|
2534
|
+
import * as React from "react";
|
|
2518
2535
|
export interface IIconButtonLineComponentProps {
|
|
2519
2536
|
icon: string;
|
|
2520
2537
|
onClick: () => void;
|
package/package.json
CHANGED
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
},
|
|
5
5
|
"name": "@babylonjs/node-editor",
|
|
6
6
|
"description": "The Babylon.js node material editor.",
|
|
7
|
-
"version": "5.0.0-alpha.
|
|
7
|
+
"version": "5.0.0-alpha.64",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
10
|
"url": "https://github.com/BabylonJS/Babylon.js.git"
|
|
11
11
|
},
|
|
12
12
|
"license": "Apache-2.0",
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@babylonjs/core": "5.0.0-alpha.
|
|
14
|
+
"@babylonjs/core": "5.0.0-alpha.64",
|
|
15
15
|
"tslib": "^2.3.1"
|
|
16
16
|
},
|
|
17
17
|
"files": [
|