babylonjs-inspector 7.25.2 → 7.26.1

package/babylon.inspector.d.ts

@@ -3665,8 +3665,9 @@ declare module INSPECTOR.SharedUIComponents {
      * Class handling undo / redo operations
      */
     export class HistoryStack implements BABYLON.IDisposable {
-        private _history;
+        private _historyStack;
         private _redoStack;
+        private _activeData;
         private readonly _maxHistoryLength;
         private _locked;
         private _dataProvider;
@@ -3677,13 +3678,19 @@ declare module INSPECTOR.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
          */
@@ -4218,6 +4225,8 @@ declare module INSPECTOR.SharedUIComponents {
         get nodeB(): INSPECTOR.SharedUIComponents.GraphNode | undefined;
         intersectsWith(rect: DOMRect): boolean;
         update(endX?: number, endY?: number, straight?: boolean): void;
+        get path(): SVGPathElement;
+        get selectionPath(): SVGPathElement;
         constructor(graphCanvas: INSPECTOR.SharedUIComponents.GraphCanvasComponent, portA: INSPECTOR.SharedUIComponents.NodePort, nodeA: INSPECTOR.SharedUIComponents.GraphNode, portB?: INSPECTOR.SharedUIComponents.NodePort, nodeB?: INSPECTOR.SharedUIComponents.GraphNode);
         onClick(evt: MouseEvent): void;
         dispose(notify?: boolean): void;
@@ -4302,6 +4311,7 @@ declare module INSPECTOR.SharedUIComponents {
         set enclosingFrameId(value: number);
         set isSelected(value: boolean);
         setIsSelected(value: boolean, marqueeSelection: boolean): void;
+        get rootElement(): HTMLDivElement;
         constructor(content: INSPECTOR.SharedUIComponents.INodeData, stateManager: INSPECTOR.SharedUIComponents.StateManager);
         isOverlappingFrame(frame: INSPECTOR.SharedUIComponents.GraphFrame): boolean;
         getPortForPortData(portData: INSPECTOR.SharedUIComponents.IPortData): INSPECTOR.SharedUIComponents.NodePort | null;
@@ -4351,6 +4361,7 @@ declare module INSPECTOR.SharedUIComponents {
         private _headerTextElement;
         private _headerCollapseElement;
         private _headerCloseElement;
+        private _headerFocusElement;
         private _commentsElement;
         private _portContainer;
         private _outputPortContainer;
@@ -4380,6 +4391,7 @@ declare module INSPECTOR.SharedUIComponents {
         private readonly _closeSVG;
         private readonly _expandSVG;
         private readonly _collapseSVG;
+        private readonly _focusSVG;
         get id(): number;
         get isCollapsed(): boolean;
         private _createInputPort;
@@ -4408,6 +4420,11 @@ declare module INSPECTOR.SharedUIComponents {
         get comments(): string;
         set comments(comments: string);
         constructor(candidate: BABYLON.Nullable<HTMLDivElement>, canvas: INSPECTOR.SharedUIComponents.GraphCanvasComponent, doNotCaptureNodes?: boolean);
+        private _isFocused;
+        /**
+         * Enter/leave focus mode
+         */
+        switchFocusMode(): void;
         refresh(): void;
         addNode(node: INSPECTOR.SharedUIComponents.GraphNode): void;
         removeNode(node: INSPECTOR.SharedUIComponents.GraphNode): void;

package/babylon.inspector.module.d.ts

@@ -4686,8 +4686,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;
@@ -4698,13 +4699,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
      */
@@ -5223,6 +5230,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;
@@ -5303,6 +5312,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;
@@ -5353,6 +5363,7 @@ export class GraphFrame {
     private _headerTextElement;
     private _headerCollapseElement;
     private _headerCloseElement;
+    private _headerFocusElement;
     private _commentsElement;
     private _portContainer;
     private _outputPortContainer;
@@ -5382,6 +5393,7 @@ export class GraphFrame {
     private readonly _closeSVG;
     private readonly _expandSVG;
     private readonly _collapseSVG;
+    private readonly _focusSVG;
     get id(): number;
     get isCollapsed(): boolean;
     private _createInputPort;
@@ -5410,6 +5422,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;
@@ -11447,8 +11464,9 @@ declare module INSPECTOR.SharedUIComponents {
      * Class handling undo / redo operations
      */
     export class HistoryStack implements BABYLON.IDisposable {
-        private _history;
+        private _historyStack;
         private _redoStack;
+        private _activeData;
         private readonly _maxHistoryLength;
         private _locked;
         private _dataProvider;
@@ -11459,13 +11477,19 @@ declare module INSPECTOR.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
          */
@@ -12000,6 +12024,8 @@ declare module INSPECTOR.SharedUIComponents {
         get nodeB(): INSPECTOR.SharedUIComponents.GraphNode | undefined;
         intersectsWith(rect: DOMRect): boolean;
         update(endX?: number, endY?: number, straight?: boolean): void;
+        get path(): SVGPathElement;
+        get selectionPath(): SVGPathElement;
         constructor(graphCanvas: INSPECTOR.SharedUIComponents.GraphCanvasComponent, portA: INSPECTOR.SharedUIComponents.NodePort, nodeA: INSPECTOR.SharedUIComponents.GraphNode, portB?: INSPECTOR.SharedUIComponents.NodePort, nodeB?: INSPECTOR.SharedUIComponents.GraphNode);
         onClick(evt: MouseEvent): void;
         dispose(notify?: boolean): void;
@@ -12084,6 +12110,7 @@ declare module INSPECTOR.SharedUIComponents {
         set enclosingFrameId(value: number);
         set isSelected(value: boolean);
         setIsSelected(value: boolean, marqueeSelection: boolean): void;
+        get rootElement(): HTMLDivElement;
         constructor(content: INSPECTOR.SharedUIComponents.INodeData, stateManager: INSPECTOR.SharedUIComponents.StateManager);
         isOverlappingFrame(frame: INSPECTOR.SharedUIComponents.GraphFrame): boolean;
         getPortForPortData(portData: INSPECTOR.SharedUIComponents.IPortData): INSPECTOR.SharedUIComponents.NodePort | null;
@@ -12133,6 +12160,7 @@ declare module INSPECTOR.SharedUIComponents {
         private _headerTextElement;
         private _headerCollapseElement;
         private _headerCloseElement;
+        private _headerFocusElement;
         private _commentsElement;
         private _portContainer;
         private _outputPortContainer;
@@ -12162,6 +12190,7 @@ declare module INSPECTOR.SharedUIComponents {
         private readonly _closeSVG;
         private readonly _expandSVG;
         private readonly _collapseSVG;
+        private readonly _focusSVG;
         get id(): number;
         get isCollapsed(): boolean;
         private _createInputPort;
@@ -12190,6 +12219,11 @@ declare module INSPECTOR.SharedUIComponents {
         get comments(): string;
         set comments(comments: string);
         constructor(candidate: BABYLON.Nullable<HTMLDivElement>, canvas: INSPECTOR.SharedUIComponents.GraphCanvasComponent, doNotCaptureNodes?: boolean);
+        private _isFocused;
+        /**
+         * Enter/leave focus mode
+         */
+        switchFocusMode(): void;
         refresh(): void;
         addNode(node: INSPECTOR.SharedUIComponents.GraphNode): void;
         removeNode(node: INSPECTOR.SharedUIComponents.GraphNode): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-inspector",
-    "version": "7.25.2",
+    "version": "7.26.1",
     "main": "babylon.inspector.bundle.max.js",
     "types": "babylon.inspector.module.d.ts",
     "files": [
@@ -14,12 +14,12 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.25.2",
-        "babylonjs-gui": "^7.25.2",
-        "babylonjs-gui-editor": "^7.25.2",
-        "babylonjs-loaders": "^7.25.2",
-        "babylonjs-materials": "^7.25.2",
-        "babylonjs-serializers": "^7.25.2"
+        "babylonjs": "^7.26.1",
+        "babylonjs-gui": "^7.26.1",
+        "babylonjs-gui-editor": "^7.26.1",
+        "babylonjs-loaders": "^7.26.1",
+        "babylonjs-materials": "^7.26.1",
+        "babylonjs-serializers": "^7.26.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",
@@ -31,7 +31,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",