@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.
@@ -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 '@babylonjs/core/Materials/Node/nodeMaterialBlock';
445
+ import { NodeMaterialBlock } from "@babylonjs/core/Materials/Node/nodeMaterialBlock";
443
446
  import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
444
- import { Nullable } from '@babylonjs/core/types';
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 '@babylonjs/core/Materials/Node/nodeMaterialBlockConnectionPoint';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Maths/math.color';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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
- "rebuild"?: boolean;
1149
- "update"?: boolean;
1150
- "activatePreviewCommand"?: boolean;
1151
- "callback"?: (scene: Scene) => void;
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 'react';
1228
+ import * as React from "react";
1226
1229
  import { GlobalState } from "@babylonjs/node-editor/globalState";
1227
- import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
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 '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Dual/reflectionTextureBlock';
1309
- import { ReflectionBlock } from '@babylonjs/core/Materials/Node/Blocks/PBR/reflectionBlock';
1310
- import { RefractionBlock } from '@babylonjs/core/Materials/Node/Blocks/PBR/refractionBlock';
1311
- import { TextureBlock } from '@babylonjs/core/Materials/Node/Blocks/Dual/textureBlock';
1312
- import { CurrentScreenBlock } from '@babylonjs/core/Materials/Node/Blocks/Dual/currentScreenBlock';
1313
- import { ParticleTextureBlock } from '@babylonjs/core/Materials/Node/Blocks/Particle/particleTextureBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Dual/imageSourceBlock';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/types';
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 '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
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 '@babylonjs/core/Materials/Node/nodeMaterialBlock';
2006
- import { Nullable } from '@babylonjs/core/types';
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: string;
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 '@babylonjs/core/Maths/math.color';
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 '@babylonjs/core/Maths/math.color';
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 'react';
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.60",
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.60",
14
+ "@babylonjs/core": "5.0.0-alpha.64",
15
15
  "tslib": "^2.3.1"
16
16
  },
17
17
  "files": [