babylonjs-gui-editor 7.25.2 → 7.26.1

package/babylon.guiEditor.module.d.ts

@@ -1530,8 +1530,9 @@ import { IDisposable } from "babylonjs/scene";
  * Class handling undo / redo operations
  */
 export class HistoryStack implements IDisposable {
-    private _history;
+    private _historyStack;
     private _redoStack;
+    private _activeData;
     private readonly _maxHistoryLength;
     private _locked;
     private _dataProvider;
@@ -1542,13 +1543,19 @@ export class HistoryStack implements IDisposable {
      * @param applyUpdate defines the code to execute when undo/redo operation is required
      */
     constructor(dataProvider: () => any, applyUpdate: (data: any) => void);
+    /**
+     * Process key event to handle undo / redo
+     * @param evt defines the keyboard event to process
+     * @returns true if the event was processed
+     */
+    processKeyEvent(evt: KeyboardEvent): boolean;
     /**
      * Resets the stack
      */
     reset(): void;
     private _generateJSONDiff;
     private _applyJSONDiff;
-    private _rebuildState;
+    private _copy;
     /**
      * Stores the current state
      */
@@ -2067,6 +2074,8 @@ export class NodeLink {
     get nodeB(): GraphNode | undefined;
     intersectsWith(rect: DOMRect): boolean;
     update(endX?: number, endY?: number, straight?: boolean): void;
+    get path(): SVGPathElement;
+    get selectionPath(): SVGPathElement;
     constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
     onClick(evt: MouseEvent): void;
     dispose(notify?: boolean): void;
@@ -2147,6 +2156,7 @@ export class GraphNode {
     set enclosingFrameId(value: number);
     set isSelected(value: boolean);
     setIsSelected(value: boolean, marqueeSelection: boolean): void;
+    get rootElement(): HTMLDivElement;
     constructor(content: INodeData, stateManager: StateManager);
     isOverlappingFrame(frame: GraphFrame): boolean;
     getPortForPortData(portData: IPortData): NodePort | null;
@@ -2197,6 +2207,7 @@ export class GraphFrame {
     private _headerTextElement;
     private _headerCollapseElement;
     private _headerCloseElement;
+    private _headerFocusElement;
     private _commentsElement;
     private _portContainer;
     private _outputPortContainer;
@@ -2226,6 +2237,7 @@ export class GraphFrame {
     private readonly _closeSVG;
     private readonly _expandSVG;
     private readonly _collapseSVG;
+    private readonly _focusSVG;
     get id(): number;
     get isCollapsed(): boolean;
     private _createInputPort;
@@ -2254,6 +2266,11 @@ export class GraphFrame {
     get comments(): string;
     set comments(comments: string);
     constructor(candidate: Nullable<HTMLDivElement>, canvas: GraphCanvasComponent, doNotCaptureNodes?: boolean);
+    private _isFocused;
+    /**
+     * Enter/leave focus mode
+     */
+    switchFocusMode(): void;
     refresh(): void;
     addNode(node: GraphNode): void;
     removeNode(node: GraphNode): void;
@@ -5843,8 +5860,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * Class handling undo / redo operations
      */
     export class HistoryStack implements IDisposable {
-        private _history;
+        private _historyStack;
         private _redoStack;
+        private _activeData;
         private readonly _maxHistoryLength;
         private _locked;
         private _dataProvider;
@@ -5855,13 +5873,19 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
          * @param applyUpdate defines the code to execute when undo/redo operation is required
          */
         constructor(dataProvider: () => any, applyUpdate: (data: any) => void);
+        /**
+         * Process key event to handle undo / redo
+         * @param evt defines the keyboard event to process
+         * @returns true if the event was processed
+         */
+        processKeyEvent(evt: KeyboardEvent): boolean;
         /**
          * Resets the stack
          */
         reset(): void;
         private _generateJSONDiff;
         private _applyJSONDiff;
-        private _rebuildState;
+        private _copy;
         /**
          * Stores the current state
          */
@@ -6396,6 +6420,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         get nodeB(): BABYLON.GuiEditor.SharedUIComponents.GraphNode | undefined;
         intersectsWith(rect: DOMRect): boolean;
         update(endX?: number, endY?: number, straight?: boolean): void;
+        get path(): SVGPathElement;
+        get selectionPath(): SVGPathElement;
         constructor(graphCanvas: BABYLON.GuiEditor.SharedUIComponents.GraphCanvasComponent, portA: BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeA: BABYLON.GuiEditor.SharedUIComponents.GraphNode, portB?: BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB?: BABYLON.GuiEditor.SharedUIComponents.GraphNode);
         onClick(evt: MouseEvent): void;
         dispose(notify?: boolean): void;
@@ -6480,6 +6506,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         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);
         isOverlappingFrame(frame: BABYLON.GuiEditor.SharedUIComponents.GraphFrame): boolean;
         getPortForPortData(portData: BABYLON.GuiEditor.SharedUIComponents.IPortData): BABYLON.GuiEditor.SharedUIComponents.NodePort | null;
@@ -6529,6 +6556,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _headerTextElement;
         private _headerCollapseElement;
         private _headerCloseElement;
+        private _headerFocusElement;
         private _commentsElement;
         private _portContainer;
         private _outputPortContainer;
@@ -6558,6 +6586,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private readonly _closeSVG;
         private readonly _expandSVG;
         private readonly _collapseSVG;
+        private readonly _focusSVG;
         get id(): number;
         get isCollapsed(): boolean;
         private _createInputPort;
@@ -6586,6 +6615,11 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         get comments(): string;
         set comments(comments: string);
         constructor(candidate: Nullable<HTMLDivElement>, canvas: BABYLON.GuiEditor.SharedUIComponents.GraphCanvasComponent, doNotCaptureNodes?: boolean);
+        private _isFocused;
+        /**
+         * Enter/leave focus mode
+         */
+        switchFocusMode(): void;
         refresh(): void;
         addNode(node: BABYLON.GuiEditor.SharedUIComponents.GraphNode): void;
         removeNode(node: BABYLON.GuiEditor.SharedUIComponents.GraphNode): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "7.25.2",
+    "version": "7.26.1",
     "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.25.2",
-        "babylonjs-gui": "^7.25.2"
+        "babylonjs": "^7.26.1",
+        "babylonjs-gui": "^7.26.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",
@@ -27,7 +27,7 @@
         "react": "^17.0.2",
         "react-contextmenu": "RaananW/react-contextmenu",
         "react-dom": "^17.0.2",
-        "sass-loader": "^13.0.0",
+        "sass-loader": "^16.0.0",
         "source-map-loader": "^4.0.0",
         "ts-loader": "^9.2.6",
         "webpack": "^5.73.0",