babylonjs-gui-editor 7.35.1 → 7.36.0

package/babylon.guiEditor.d.ts

@@ -1816,6 +1816,7 @@ declare module BABYLON {
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export const IsFramePortData: (variableToCheck: any) => variableToCheck is BABYLON.GuiEditor.SharedUIComponents.FramePortData;
     export const RefreshNode: (node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.GuiEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.GuiEditor.SharedUIComponents.NodeLink>, canvas?: BABYLON.GuiEditor.SharedUIComponents.GraphCanvasComponent) => void;
+    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
 
 
 
@@ -1930,7 +1931,7 @@ declare module BABYLON {
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export class NodePort {
-        portData: BABYLON.GuiEditor.SharedUIComponents.IPortData;
+        portData: IPortData;
         node: BABYLON.GuiEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
@@ -1941,6 +1942,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
         protected _onSelectionChangedObserver: Nullable<Observer<Nullable<BABYLON.GuiEditor.SharedUIComponents.ISelectionChangedOptions>>>;
         protected _exposedOnFrame: boolean;
+        protected _portUIcontainer?: HTMLDivElement;
         delegatedPort: Nullable<BABYLON.GuiEditor.SharedUIComponents.FrameNodePort>;
         get element(): HTMLDivElement;
         get container(): HTMLElement;
@@ -1954,9 +1956,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         set exposedPortPosition(value: number);
         private _isConnectedToNodeOutsideOfFrame;
         refresh(): void;
-        constructor(portContainer: HTMLElement, portData: BABYLON.GuiEditor.SharedUIComponents.IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager);
+        constructor(portContainer: HTMLElement, portData: IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager, portUIcontainer?: HTMLDivElement);
         dispose(): void;
-        static CreatePortElement(portData: BABYLON.GuiEditor.SharedUIComponents.IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, root: HTMLElement, displayManager: Nullable<BABYLON.GuiEditor.SharedUIComponents.IDisplayManager>, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager): NodePort;
+        static CreatePortElement(portData: IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, root: HTMLElement, displayManager: Nullable<BABYLON.GuiEditor.SharedUIComponents.IDisplayManager>, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager): NodePort;
     }
 
 
@@ -1978,6 +1980,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _onSelectionChangedObserver;
         private _isVisible;
         private _isTargetCandidate;
+        private _gradient;
         onDisposedObservable: Observable<NodeLink>;
         get isTargetCandidate(): boolean;
         set isTargetCandidate(value: boolean);
@@ -2094,7 +2097,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _onUp;
         private _onMove;
         renderProperties(): Nullable<JSX.Element>;
-        private _forceRebuild;
+        _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
         private _isCollapsed;
         /**
          * Collapse the node
@@ -2499,6 +2502,32 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         /** Output */
         Output = 1
     }
+    export enum PortDirectValueTypes {
+        Float = 0,
+        Int = 1
+    }
+    export interface IPortDirectValueDefinition {
+        /**
+         * Gets the source object
+         */
+        source: any;
+        /**
+         * Gets the property name used to store the value
+         */
+        propertyName: string;
+        /**
+         * Gets or sets the min value accepted for this point if nothing is connected
+         */
+        valueMin: Nullable<any>;
+        /**
+         * Gets or sets the max value accepted for this point if nothing is connected
+         */
+        valueMax: Nullable<any>;
+        /**
+         * Gets or sets the type of the value
+         */
+        valueType: PortDirectValueTypes;
+    }
     export interface IPortData {
         data: any;
         name: string;
@@ -2512,6 +2541,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         needDualDirectionValidation: boolean;
         hasEndpoints: boolean;
         endpoints: Nullable<IPortData[]>;
+        directValueDefinition?: IPortDirectValueDefinition;
         updateDisplayName: (newName: string) => void;
         canConnectTo: (port: IPortData) => boolean;
         connectTo: (port: IPortData) => void;

package/babylon.guiEditor.module.d.ts

@@ -2085,6 +2085,7 @@ import { NodeLink } from "babylonjs-gui-editor/nodeGraphSystem/nodeLink";
 import { FramePortData } from "babylonjs-gui-editor/nodeGraphSystem/types/framePortData";
 export const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
 export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
+export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
 
 }
 declare module "babylonjs-gui-editor/nodeGraphSystem/stateManager" {
@@ -2200,7 +2201,7 @@ import { StateManager } from "babylonjs-gui-editor/nodeGraphSystem/stateManager"
 import { ISelectionChangedOptions } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/selectionChangedOptions";
 import { FrameNodePort } from "babylonjs-gui-editor/nodeGraphSystem/frameNodePort";
 import { IDisplayManager } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/displayManager";
-import { IPortData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/portData";
+import { type IPortData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/portData";
 export class NodePort {
     portData: IPortData;
     node: GraphNode;
@@ -2213,6 +2214,7 @@ export class NodePort {
     protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
     protected _onSelectionChangedObserver: Nullable<Observer<Nullable<ISelectionChangedOptions>>>;
     protected _exposedOnFrame: boolean;
+    protected _portUIcontainer?: HTMLDivElement;
     delegatedPort: Nullable<FrameNodePort>;
     get element(): HTMLDivElement;
     get container(): HTMLElement;
@@ -2226,7 +2228,7 @@ export class NodePort {
     set exposedPortPosition(value: number);
     private _isConnectedToNodeOutsideOfFrame;
     refresh(): void;
-    constructor(portContainer: HTMLElement, portData: IPortData, node: GraphNode, stateManager: StateManager);
+    constructor(portContainer: HTMLElement, portData: IPortData, node: GraphNode, stateManager: StateManager, portUIcontainer?: HTMLDivElement);
     dispose(): void;
     static CreatePortElement(portData: IPortData, node: GraphNode, root: HTMLElement, displayManager: Nullable<IDisplayManager>, stateManager: StateManager): NodePort;
 }
@@ -2249,6 +2251,7 @@ export class NodeLink {
     private _onSelectionChangedObserver;
     private _isVisible;
     private _isTargetCandidate;
+    private _gradient;
     onDisposedObservable: Observable<NodeLink>;
     get isTargetCandidate(): boolean;
     set isTargetCandidate(value: boolean);
@@ -2284,6 +2287,7 @@ import { NodeLink } from "babylonjs-gui-editor/nodeGraphSystem/nodeLink";
 import { StateManager } from "babylonjs-gui-editor/nodeGraphSystem/stateManager";
 import { INodeData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/nodeData";
 import { IPortData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/portData";
+import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 export class GraphNode {
     content: INodeData;
     private _visual;
@@ -2361,7 +2365,7 @@ export class GraphNode {
     private _onUp;
     private _onMove;
     renderProperties(): Nullable<JSX.Element>;
-    private _forceRebuild;
+    _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
     private _isCollapsed;
     /**
      * Collapse the node
@@ -2752,6 +2756,32 @@ export enum PortDataDirection {
     /** Output */
     Output = 1
 }
+export enum PortDirectValueTypes {
+    Float = 0,
+    Int = 1
+}
+export interface IPortDirectValueDefinition {
+    /**
+     * Gets the source object
+     */
+    source: any;
+    /**
+     * Gets the property name used to store the value
+     */
+    propertyName: string;
+    /**
+     * Gets or sets the min value accepted for this point if nothing is connected
+     */
+    valueMin: Nullable<any>;
+    /**
+     * Gets or sets the max value accepted for this point if nothing is connected
+     */
+    valueMax: Nullable<any>;
+    /**
+     * Gets or sets the type of the value
+     */
+    valueType: PortDirectValueTypes;
+}
 export interface IPortData {
     data: any;
     name: string;
@@ -2765,6 +2795,7 @@ export interface IPortData {
     needDualDirectionValidation: boolean;
     hasEndpoints: boolean;
     endpoints: Nullable<IPortData[]>;
+    directValueDefinition?: IPortDirectValueDefinition;
     updateDisplayName: (newName: string) => void;
     canConnectTo: (port: IPortData) => boolean;
     connectTo: (port: IPortData) => void;
@@ -6704,6 +6735,7 @@ declare module BABYLON {
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export const IsFramePortData: (variableToCheck: any) => variableToCheck is BABYLON.GuiEditor.SharedUIComponents.FramePortData;
     export const RefreshNode: (node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.GuiEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.GuiEditor.SharedUIComponents.NodeLink>, canvas?: BABYLON.GuiEditor.SharedUIComponents.GraphCanvasComponent) => void;
+    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
 
 
 
@@ -6818,7 +6850,7 @@ declare module BABYLON {
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export class NodePort {
-        portData: BABYLON.GuiEditor.SharedUIComponents.IPortData;
+        portData: IPortData;
         node: BABYLON.GuiEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
@@ -6829,6 +6861,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
         protected _onSelectionChangedObserver: Nullable<Observer<Nullable<BABYLON.GuiEditor.SharedUIComponents.ISelectionChangedOptions>>>;
         protected _exposedOnFrame: boolean;
+        protected _portUIcontainer?: HTMLDivElement;
         delegatedPort: Nullable<BABYLON.GuiEditor.SharedUIComponents.FrameNodePort>;
         get element(): HTMLDivElement;
         get container(): HTMLElement;
@@ -6842,9 +6875,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         set exposedPortPosition(value: number);
         private _isConnectedToNodeOutsideOfFrame;
         refresh(): void;
-        constructor(portContainer: HTMLElement, portData: BABYLON.GuiEditor.SharedUIComponents.IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager);
+        constructor(portContainer: HTMLElement, portData: IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager, portUIcontainer?: HTMLDivElement);
         dispose(): void;
-        static CreatePortElement(portData: BABYLON.GuiEditor.SharedUIComponents.IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, root: HTMLElement, displayManager: Nullable<BABYLON.GuiEditor.SharedUIComponents.IDisplayManager>, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager): NodePort;
+        static CreatePortElement(portData: IPortData, node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, root: HTMLElement, displayManager: Nullable<BABYLON.GuiEditor.SharedUIComponents.IDisplayManager>, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager): NodePort;
     }
 
 
@@ -6866,6 +6899,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _onSelectionChangedObserver;
         private _isVisible;
         private _isTargetCandidate;
+        private _gradient;
         onDisposedObservable: Observable<NodeLink>;
         get isTargetCandidate(): boolean;
         set isTargetCandidate(value: boolean);
@@ -6982,7 +7016,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _onUp;
         private _onMove;
         renderProperties(): Nullable<JSX.Element>;
-        private _forceRebuild;
+        _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
         private _isCollapsed;
         /**
          * Collapse the node
@@ -7387,6 +7421,32 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         /** Output */
         Output = 1
     }
+    export enum PortDirectValueTypes {
+        Float = 0,
+        Int = 1
+    }
+    export interface IPortDirectValueDefinition {
+        /**
+         * Gets the source object
+         */
+        source: any;
+        /**
+         * Gets the property name used to store the value
+         */
+        propertyName: string;
+        /**
+         * Gets or sets the min value accepted for this point if nothing is connected
+         */
+        valueMin: Nullable<any>;
+        /**
+         * Gets or sets the max value accepted for this point if nothing is connected
+         */
+        valueMax: Nullable<any>;
+        /**
+         * Gets or sets the type of the value
+         */
+        valueType: PortDirectValueTypes;
+    }
     export interface IPortData {
         data: any;
         name: string;
@@ -7400,6 +7460,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         needDualDirectionValidation: boolean;
         hasEndpoints: boolean;
         endpoints: Nullable<IPortData[]>;
+        directValueDefinition?: IPortDirectValueDefinition;
         updateDisplayName: (newName: string) => void;
         canConnectTo: (port: IPortData) => boolean;
         connectTo: (port: IPortData) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "7.35.1",
+    "version": "7.36.0",
     "main": "babylon.guiEditor.max.js",
     "types": "babylon.guiEditor.module.d.ts",
     "files": [
@@ -14,8 +14,8 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.35.1",
-        "babylonjs-gui": "^7.35.1"
+        "babylonjs": "^7.36.0",
+        "babylonjs-gui": "^7.36.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",