babylonjs-inspector 7.34.2 → 7.34.4

package/babylon.inspector.module.d.ts

@@ -84,7 +84,6 @@ export class Inspector {
     private static _GlobalState;
     static MarkLineContainerTitleForHighlighting(title: string): void;
     static MarkMultipleLineContainerTitlesForHighlighting(titles: string[]): void;
-    private static _CopyStyles;
     private static _SceneExplorerOptions;
     private static _InspectorOptions;
     private static _EmbedOptions;
@@ -94,7 +93,6 @@ export class Inspector {
     private static _CreateSceneExplorer;
     private static _CreateActionTabs;
     private static _CreateEmbedHost;
-    static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number, lateBinding?: boolean): HTMLDivElement | null;
     static get IsVisible(): boolean;
     static EarlyAttachToLoader(): void;
     static Show(scene: Scene, userOptions: Partial<IInspectorOptions>): void;
@@ -1417,6 +1415,7 @@ export class PropertyGridTabComponent extends PaneComponent {
     componentWillUnmount(): void;
 
 
+
 }
 
 }
@@ -1691,7 +1690,6 @@ export class CommonPropertyGridComponent extends React.Component<ICommonProperty
     constructor(props: ICommonPropertyGridComponentProps);
 
 
-
 }
 export {};
 
@@ -4684,6 +4682,15 @@ export class MeshPickerComponent extends React.Component<IMeshPickerComponentPro
 }
 export {};
 
+}
+declare module "babylonjs-inspector/styleHelper" {
+/**
+ * Copy all styles from a document to another document or shadow root
+ * @param source document to copy styles from
+ * @param target document or shadow root to copy styles to
+ */
+export function CopyStyles(source: Document, target: Document): void;
+
 }
 declare module "babylonjs-inspector/stringTools" {
 export class StringTools {
@@ -4708,6 +4715,21 @@ export class PropertyChangedEvent {
     allowNullValue?: boolean;
 }
 
+}
+declare module "babylonjs-inspector/popupHelper" {
+/**
+ * Create a popup window
+ * @param title default title for the popup
+ * @param options options for the popup
+ * @returns the parent control of the popup
+ */
+export function CreatePopup(title: string, options: Partial<{
+    onParentControlCreateCallback?: (parentControl: HTMLDivElement) => void;
+    onWindowCreateCallback?: (newWindow: Window) => void;
+    width?: number;
+    height?: number;
+}>): HTMLDivElement | null;
+
 }
 declare module "babylonjs-inspector/historyStack" {
 import { IDisposable } from "babylonjs/scene";
@@ -5080,6 +5102,157 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 }
 export {};
 
+}
+declare module "babylonjs-inspector/split/splitter" {
+/// <reference types="react" />
+import { ControlledSize } from "babylonjs-inspector/split/splitContext";
+/**
+ * Splitter component properties
+ */
+export interface ISplitterProps {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Splitter size
+     */
+    size: number;
+    /**
+     * Minimum size for the controlled element
+     */
+    minSize?: number;
+    /**
+     * Maximum size for the controlled element
+     */
+    maxSize?: number;
+    /**
+     * Initial size for the controlled element
+     */
+    initialSize?: number;
+    /**
+     * Defines the controlled side
+     */
+    controlledSide: ControlledSize;
+    /**
+     * refObject to the splitter element
+     */
+    refObject?: React.RefObject<HTMLDivElement>;
+}
+/**
+ * Creates a splitter component
+ * @param props defines the splitter properties
+ * @returns the splitter component
+ */
+export const Splitter: React.FC<ISplitterProps>;
+
+}
+declare module "babylonjs-inspector/split/splitContext" {
+/// <reference types="react" />
+export enum ControlledSize {
+    First = 0,
+    Second = 1
+}
+export enum SplitDirection {
+    Horizontal = 0,
+    Vertical = 1
+}
+/**
+ * Context used to share data with splitters
+ */
+export interface ISplitContext {
+    /**
+     * Split direction
+     */
+    direction: SplitDirection;
+    /**
+     * Function called by splitters to update the offset
+     * @param offset new offet
+     * @param source source element
+     * @param controlledSide defined controlled element
+     */
+    drag: (offset: number, source: HTMLElement, controlledSide: ControlledSize) => void;
+    /**
+     * Function called by splitters to begin dragging
+     */
+    beginDrag: () => void;
+    /**
+     * Function called by splitters to end dragging
+     */
+    endDrag: () => void;
+    /**
+     * Sync sizes for the elements
+     * @param source source element
+     * @param controlledSide defined controlled element
+     * @param size size of the controlled element
+     * @param minSize minimum size for the controlled element
+     * @param maxSize maximum size for the controlled element
+     */
+    sync: (source: HTMLElement, controlledSide: ControlledSize, size?: number, minSize?: number, maxSize?: number) => void;
+}
+export const SplitContext: import("react").Context<ISplitContext>;
+
+}
+declare module "babylonjs-inspector/split/splitContainer" {
+/// <reference types="react" />
+import { SplitDirection } from "babylonjs-inspector/split/splitContext";
+/**
+ * Split container properties
+ */
+export interface ISplitContainerProps {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Split direction
+     */
+    direction: SplitDirection;
+    /**
+     * Minimum size for the floating elements
+     */
+    floatingMinSize?: number;
+    /**
+     * RefObject to the root div element
+     */
+    containerRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Optional class name
+     */
+    className?: string;
+    /**
+     * Pointer down
+     * @param event pointer events
+     */
+    onPointerDown?: (event: React.PointerEvent) => void;
+    /**
+     * Pointer move
+     * @param event pointer events
+     */
+    onPointerMove?: (event: React.PointerEvent) => void;
+    /**
+     * Pointer up
+     * @param event pointer events
+     */
+    onPointerUp?: (event: React.PointerEvent) => void;
+    /**
+     * Drop
+     * @param event drag events
+     */
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /**
+     * Drag over
+     * @param event drag events
+     */
+    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+/**
+ * Creates a split container component
+ * @param props defines the split container properties
+ * @returns the split container component
+ */
+export const SplitContainer: React.FC<ISplitContainerProps>;
+
 }
 declare module "babylonjs-inspector/nodeGraphSystem/typeLedger" {
 import { INodeContainer } from "babylonjs-inspector/nodeGraphSystem/interfaces/nodeContainer";
@@ -6183,13 +6356,6 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 }
 export {};
 
-}
-declare module "babylonjs-inspector/lines/popup" {
-export class Popup {
-    static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-    private static _CopyStyles;
-}
-
 }
 declare module "babylonjs-inspector/lines/optionsLineComponent" {
 import * as React from "react";
@@ -7989,7 +8155,6 @@ declare module INSPECTOR {
         private static _GlobalState;
         static MarkLineContainerTitleForHighlighting(title: string): void;
         static MarkMultipleLineContainerTitlesForHighlighting(titles: string[]): void;
-        private static _CopyStyles;
         private static _SceneExplorerOptions;
         private static _InspectorOptions;
         private static _EmbedOptions;
@@ -7999,7 +8164,6 @@ declare module INSPECTOR {
         private static _CreateSceneExplorer;
         private static _CreateActionTabs;
         private static _CreateEmbedHost;
-        static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number, lateBinding?: boolean): HTMLDivElement | null;
         static get IsVisible(): boolean;
         static EarlyAttachToLoader(): void;
         static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
@@ -9091,6 +9255,7 @@ declare module INSPECTOR {
         componentDidMount(): void;
         componentWillUnmount(): void;
         renderContent(): import("react/jsx-runtime").JSX.Element | null;
+        renderTags(): import("react/jsx-runtime").JSX.Element[];
         render(): import("react/jsx-runtime").JSX.Element;
     }
 
@@ -9279,7 +9444,6 @@ declare module INSPECTOR {
     export class CommonPropertyGridComponent extends React.Component<ICommonPropertyGridComponentProps> {
         constructor(props: ICommonPropertyGridComponentProps);
         renderLevel(jsonObject: any): import("react/jsx-runtime").JSX.Element[];
-        renderTags(): import("react/jsx-runtime").JSX.Element[];
         render(): import("react/jsx-runtime").JSX.Element;
     }
 
@@ -11559,6 +11723,21 @@ declare module INSPECTOR {
 
 
 
+}
+declare module INSPECTOR.SharedUIComponents {
+        /**
+     * Copy all styles from a document to another document or shadow root
+     * @param source document to copy styles from
+     * @param target document or shadow root to copy styles to
+     */
+    export function CopyStyles(source: Document, target: Document): void;
+
+
+
+}
+declare module INSPECTOR {
+
+
 }
 declare module INSPECTOR.SharedUIComponents {
         export class StringTools {
@@ -11591,6 +11770,27 @@ declare module INSPECTOR.SharedUIComponents {
 
 
 
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        /**
+     * Create a popup window
+     * @param title default title for the popup
+     * @param options options for the popup
+     * @returns the parent control of the popup
+     */
+    export function CreatePopup(title: string, options: Partial<{
+        onParentControlCreateCallback?: (parentControl: HTMLDivElement) => void;
+        onWindowCreateCallback?: (newWindow: Window) => void;
+        width?: number;
+        height?: number;
+    }>): HTMLDivElement | null;
+
+
+
 }
 declare module INSPECTOR {
 
@@ -11980,6 +12180,173 @@ declare module INSPECTOR.SharedUIComponents {
 
 
 
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        /// <reference types="react" />
+    /**
+     * Splitter component properties
+     */
+    export interface ISplitterProps {
+        /**
+         * Unique identifier
+         */
+        id?: string;
+        /**
+         * Splitter size
+         */
+        size: number;
+        /**
+         * Minimum size for the controlled element
+         */
+        minSize?: number;
+        /**
+         * Maximum size for the controlled element
+         */
+        maxSize?: number;
+        /**
+         * Initial size for the controlled element
+         */
+        initialSize?: number;
+        /**
+         * Defines the controlled side
+         */
+        controlledSide: INSPECTOR.SharedUIComponents.ControlledSize;
+        /**
+         * refObject to the splitter element
+         */
+        refObject?: React.RefObject<HTMLDivElement>;
+    }
+    /**
+     * Creates a splitter component
+     * @param props defines the splitter properties
+     * @returns the splitter component
+     */
+    export var Splitter: React.FC<ISplitterProps>;
+
+
+
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        /// <reference types="react" />
+    export enum ControlledSize {
+        First = 0,
+        Second = 1
+    }
+    export enum SplitDirection {
+        Horizontal = 0,
+        Vertical = 1
+    }
+    /**
+     * Context used to share data with splitters
+     */
+    export interface ISplitContext {
+        /**
+         * Split direction
+         */
+        direction: SplitDirection;
+        /**
+         * Function called by splitters to update the offset
+         * @param offset new offet
+         * @param source source element
+         * @param controlledSide defined controlled element
+         */
+        drag: (offset: number, source: HTMLElement, controlledSide: ControlledSize) => void;
+        /**
+         * Function called by splitters to begin dragging
+         */
+        beginDrag: () => void;
+        /**
+         * Function called by splitters to end dragging
+         */
+        endDrag: () => void;
+        /**
+         * Sync sizes for the elements
+         * @param source source element
+         * @param controlledSide defined controlled element
+         * @param size size of the controlled element
+         * @param minSize minimum size for the controlled element
+         * @param maxSize maximum size for the controlled element
+         */
+        sync: (source: HTMLElement, controlledSide: ControlledSize, size?: number, minSize?: number, maxSize?: number) => void;
+    }
+    export var SplitContext: import("react").Context<ISplitContext>;
+
+
+
+}
+declare module INSPECTOR {
+
+
+}
+declare module INSPECTOR.SharedUIComponents {
+        /// <reference types="react" />
+    /**
+     * Split container properties
+     */
+    export interface ISplitContainerProps {
+        /**
+         * Unique identifier
+         */
+        id?: string;
+        /**
+         * Split direction
+         */
+        direction: INSPECTOR.SharedUIComponents.SplitDirection;
+        /**
+         * Minimum size for the floating elements
+         */
+        floatingMinSize?: number;
+        /**
+         * RefObject to the root div element
+         */
+        containerRef?: React.RefObject<HTMLDivElement>;
+        /**
+         * Optional class name
+         */
+        className?: string;
+        /**
+         * Pointer down
+         * @param event pointer events
+         */
+        onPointerDown?: (event: React.PointerEvent) => void;
+        /**
+         * Pointer move
+         * @param event pointer events
+         */
+        onPointerMove?: (event: React.PointerEvent) => void;
+        /**
+         * Pointer up
+         * @param event pointer events
+         */
+        onPointerUp?: (event: React.PointerEvent) => void;
+        /**
+         * Drop
+         * @param event drag events
+         */
+        onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+        /**
+         * Drag over
+         * @param event drag events
+         */
+        onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+    }
+    /**
+     * Creates a split container component
+     * @param props defines the split container properties
+     * @returns the split container component
+     */
+    export var SplitContainer: React.FC<ISplitContainerProps>;
+
+
+
 }
 declare module INSPECTOR {
 
@@ -13142,19 +13509,6 @@ declare module INSPECTOR.SharedUIComponents {
 
 
 
-}
-declare module INSPECTOR {
-
-
-}
-declare module INSPECTOR.SharedUIComponents {
-        export class Popup {
-        static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-        private static _CopyStyles;
-    }
-
-
-
 }
 declare module INSPECTOR {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-inspector",
-    "version": "7.34.2",
+    "version": "7.34.4",
     "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.34.2",
-        "babylonjs-gui": "^7.34.2",
-        "babylonjs-gui-editor": "^7.34.2",
-        "babylonjs-loaders": "^7.34.2",
-        "babylonjs-materials": "^7.34.2",
-        "babylonjs-serializers": "^7.34.2"
+        "babylonjs": "^7.34.4",
+        "babylonjs-gui": "^7.34.4",
+        "babylonjs-gui-editor": "^7.34.4",
+        "babylonjs-loaders": "^7.34.4",
+        "babylonjs-materials": "^7.34.4",
+        "babylonjs-serializers": "^7.34.4"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",