babylonjs-gui-editor 7.53.2 → 7.54.0

package/babylon.guiEditor.module.d.ts

@@ -2096,7 +2096,17 @@ 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;
+export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string[];
+export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string;
 
 }
 declare module "babylonjs-gui-editor/nodeGraphSystem/stateManager" {
@@ -2151,7 +2161,7 @@ export class StateManager {
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
     getPortColor: (portData: IPortData) => string;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
@@ -2221,7 +2231,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _portContainer: HTMLElement;
-    protected _img: HTMLImageElement;
+    protected _imgHost: HTMLDivElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;
@@ -2304,6 +2314,7 @@ import { IPortData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/portD
 import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 export class GraphNode {
     content: INodeData;
+    private static _IdGenerator;
     private _visual;
     private _headerContainer;
     private _headerIcon;
@@ -2335,11 +2346,11 @@ export class GraphNode {
     private _onUpdateRequiredObserver;
     private _onHighlightNodeObserver;
     private _ownerCanvas;
-    private _isSelected;
     private _displayManager;
     private _isVisible;
     private _enclosingFrameId;
     private _visualPropertiesRefresh;
+    private _lastClick;
     addClassToVisual(className: string): void;
     removeClassFromVisual(className: string): void;
     get isCollapsed(): boolean;
@@ -2359,10 +2370,8 @@ export class GraphNode {
     get height(): number;
     get id(): number;
     get name(): string;
-    get isSelected(): boolean;
     get enclosingFrameId(): number;
     set enclosingFrameId(value: number);
-    set isSelected(value: boolean);
     setIsSelected(value: boolean, marqueeSelection: boolean): void;
     get rootElement(): HTMLDivElement;
     constructor(content: INodeData, stateManager: StateManager);
@@ -2374,10 +2383,11 @@ export class GraphNode {
     private _refreshFrames;
     _refreshLinks(): void;
     refresh(): void;
+    private _expand;
+    private _searchMiddle;
     private _onDown;
     cleanAccumulation(useCeil?: boolean): void;
     private _onUp;
-    private _attach;
     private _onMove;
     renderProperties(): Nullable<JSX.Element>;
     _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
@@ -2601,6 +2611,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _candidateLinkedHasMoved;
     private _x;
     private _y;
+    private _lastx;
+    private _lasty;
     private _zoom;
     private _selectedNodes;
     private _selectedLink;
@@ -2614,6 +2626,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _frames;
     private _nodeDataContentList;
     private _altKeyIsPressed;
+    private _shiftKeyIsPressed;
     private _multiKeyIsPressed;
     private _oldY;
     _frameIsMoving: boolean;
@@ -6766,7 +6779,17 @@ 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;
+    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+    export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string[];
+    export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string;
 
 
 
@@ -6814,7 +6837,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         exportData: (data: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: BABYLON.GuiEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+        applyNodePortDesign: (data: BABYLON.GuiEditor.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
         getPortColor: (portData: BABYLON.GuiEditor.SharedUIComponents.IPortData) => string;
         storeEditorData: (serializationObject: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
@@ -6888,7 +6911,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         node: BABYLON.GuiEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
-        protected _img: HTMLImageElement;
+        protected _imgHost: HTMLDivElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
@@ -6975,6 +6998,7 @@ declare module BABYLON {
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export class GraphNode {
         content: BABYLON.GuiEditor.SharedUIComponents.INodeData;
+        private static _IdGenerator;
         private _visual;
         private _headerContainer;
         private _headerIcon;
@@ -7006,11 +7030,11 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _onUpdateRequiredObserver;
         private _onHighlightNodeObserver;
         private _ownerCanvas;
-        private _isSelected;
         private _displayManager;
         private _isVisible;
         private _enclosingFrameId;
         private _visualPropertiesRefresh;
+        private _lastClick;
         addClassToVisual(className: string): void;
         removeClassFromVisual(className: string): void;
         get isCollapsed(): boolean;
@@ -7030,10 +7054,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         get height(): number;
         get id(): number;
         get name(): string;
-        get isSelected(): boolean;
         get enclosingFrameId(): number;
         set enclosingFrameId(value: number);
-        set isSelected(value: boolean);
         setIsSelected(value: boolean, marqueeSelection: boolean): void;
         get rootElement(): HTMLDivElement;
         constructor(content: BABYLON.GuiEditor.SharedUIComponents.INodeData, stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager);
@@ -7045,10 +7067,11 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _refreshFrames;
         _refreshLinks(): void;
         refresh(): void;
+        private _expand;
+        private _searchMiddle;
         private _onDown;
         cleanAccumulation(useCeil?: boolean): void;
         private _onUp;
-        private _attach;
         private _onMove;
         renderProperties(): Nullable<JSX.Element>;
         _forceRebuild(source: any, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
@@ -7266,6 +7289,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _candidateLinkedHasMoved;
         private _x;
         private _y;
+        private _lastx;
+        private _lasty;
         private _zoom;
         private _selectedNodes;
         private _selectedLink;
@@ -7279,6 +7304,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _frames;
         private _nodeDataContentList;
         private _altKeyIsPressed;
+        private _shiftKeyIsPressed;
         private _multiKeyIsPressed;
         private _oldY;
         _frameIsMoving: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "7.53.2",
+    "version": "7.54.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.53.2",
-        "babylonjs-gui": "^7.53.2"
+        "babylonjs": "^7.54.0",
+        "babylonjs-gui": "^7.54.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",