babylonjs-gui-editor 5.24.0 → 5.26.0

package/babylon.guiEditor.d.ts

@@ -111,6 +111,8 @@ declare module BABYLON {
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         onAddComponent: (newComponent: string) => void;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ButtonPropertyGridComponent extends React.Component<IButtonPropertyGridComponentProps> {
         constructor(props: IButtonPropertyGridComponentProps);
@@ -122,6 +124,8 @@ declare module BABYLON {
         checkboxes: BABYLON.GUI.Checkbox[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
@@ -133,6 +137,8 @@ declare module BABYLON {
         colorPickers: BABYLON.GUI.ColorPicker[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
@@ -145,14 +151,29 @@ declare module BABYLON {
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         hideDimensions?: boolean;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
-    export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
+    interface ICommonControlPropertyGridComponentState {
+        fontFamilyOptions: IInspectableOptions[];
+        value: number;
+    }
+    export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps, ICommonControlPropertyGridComponentState> {
         private _onPropertyChangedObserver;
+        private _onFontsParsedObserver;
         constructor(props: ICommonControlPropertyGridComponentProps);
+        componentWillMount(): void;
+        private _checkFontsInLayout;
         private _getTransformedReferenceCoordinate;
         private _updateAlignment;
         private _checkAndUpdateValues;
         private _markChildrenAsDirty;
+        addVal: (newVal: {
+            label: string;
+            value: number;
+        }, prevVal: number) => void;
+        selectCustomVal(): void;
+        keepPrevVal(prevVal: number): void;
         componentWillUnmount(): void;
         render(): JSX.Element;
     }
@@ -171,6 +192,8 @@ declare module BABYLON {
         controls: BABYLON.GUI.Control[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
@@ -182,6 +205,8 @@ declare module BABYLON {
         displayGrids: BABYLON.GUI.DisplayGrid[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class DisplayGridPropertyGridComponent extends React.Component<IDisplayGridPropertyGridComponentProps> {
         constructor(props: IDisplayGridPropertyGridComponentProps);
@@ -193,6 +218,8 @@ declare module BABYLON {
         ellipses: BABYLON.GUI.Ellipse[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
@@ -204,6 +231,8 @@ declare module BABYLON {
         grids: BABYLON.GUI.Grid[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
         onUpdateRequiredObservable?: Observable<void>;
     }
     export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
@@ -236,6 +265,8 @@ declare module BABYLON {
         imageBasedSliders: BABYLON.GUI.ImageBasedSlider[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
@@ -247,6 +278,8 @@ declare module BABYLON {
         images: BABYLON.GUI.Image[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         private _observers;
@@ -265,6 +298,8 @@ declare module BABYLON {
         inputTexts: BABYLON.GUI.InputText[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
@@ -276,6 +311,8 @@ declare module BABYLON {
         lines: BABYLON.GUI.Line[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
@@ -288,6 +325,8 @@ declare module BABYLON {
         radioButtons: BABYLON.GUI.RadioButton[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
@@ -299,6 +338,8 @@ declare module BABYLON {
         rectangles: BABYLON.GUI.Rectangle[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
@@ -310,6 +351,8 @@ declare module BABYLON {
         scrollViewers: BABYLON.GUI.ScrollViewer[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
@@ -321,6 +364,8 @@ declare module BABYLON {
         sliders: BABYLON.GUI.Slider[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class SliderGenericPropertyGridComponent extends React.Component<ISliderGenericPropertyGridComponentProps> {
         constructor(props: ISliderGenericPropertyGridComponentProps);
@@ -343,6 +388,8 @@ declare module BABYLON {
         stackPanels: BABYLON.GUI.StackPanel[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
@@ -354,6 +401,8 @@ declare module BABYLON {
         textBlocks: BABYLON.GUI.TextBlock[];
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
+        onFontsParsedObservable?: Observable<void>;
+        globalState?: GlobalState;
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
@@ -626,7 +675,7 @@ declare module BABYLON {
         static NodeToRTTSpace(node: BABYLON.GUI.Control, x: number, y: number, reference?: Vector2, storedValues?: Rect, stopAt?: BABYLON.GUI.Control): Vector2;
         static RttToLocalNodeSpace(node: BABYLON.GUI.Control, x: number, y: number, reference?: Vector2, storedValues?: Rect): Vector2;
         static RttToCanvasSpace(x: number, y: number): Vector2;
-        static MousePointerToRTTSpace(node: BABYLON.GUI.Control, x?: number, y?: number): Vector2;
+        static MousePointerToRTTSpace(_node?: BABYLON.GUI.Control, x?: number, y?: number): Vector2;
         private static _ResetMatrixArray;
         static ComputeLocalBounds(node: BABYLON.GUI.Control): Rect;
         /**
@@ -733,6 +782,7 @@ declare module BABYLON {
         Y = 3
     }
     export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps> {
+        private _mouseDown;
         private _rootContainer;
         private _setConstraintDirection;
         private _mouseStartPoint;
@@ -745,12 +795,14 @@ declare module BABYLON {
         private _guiRenderObserver;
         private _doubleClick;
         _liveGuiTextureRerender: boolean;
+        private _currLeft;
+        private _currTop;
         private _controlsHit;
         private _pointerTravelDistance;
         private _processSelectionOnUp;
         private _visibleRegionContainer;
-        private _currLeft;
-        private _currTop;
+        private static _addedFonts;
+        static get addedFonts(): string[];
         get visibleRegionContainer(): BABYLON.GUI.Container;
         private _panAndZoomContainer;
         get panAndZoomContainer(): BABYLON.GUI.Container;
@@ -816,6 +868,7 @@ declare module BABYLON {
         panning(): void;
         moveControls(moveHorizontal: boolean, amount: number): void;
         zoomWheel(event: React.WheelEvent): void;
+        zoomDrag(event: React.MouseEvent): void;
         zooming(delta: number): void;
         zeroIfClose(vec: Vector3): void;
         render(): JSX.Element;
@@ -865,10 +918,13 @@ declare module BABYLON {
         workbench: WorkbenchComponent;
         onPropertyChangedObservable: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         private _tool;
+        private _usePrevSelected;
         private _prevTool;
         onToolChangeObservable: Observable<void>;
         get tool(): GUIEditorTool;
         set tool(newTool: GUIEditorTool);
+        get usePrevSelected(): boolean;
+        set usePrevSelected(val: boolean);
         restorePreviousTool(): void;
         onFitControlsToWindowObservable: Observable<void>;
         onReframeWindowObservable: Observable<void>;
@@ -886,6 +942,7 @@ declare module BABYLON {
         onGizmoUpdateRequireObservable: Observable<void>;
         onArtBoardUpdateRequiredObservable: Observable<void>;
         onBackgroundColorChangeObservable: Observable<void>;
+        onFontsParsedObservable: Observable<void>;
         onPointerMoveObservable: Observable<import("react").PointerEvent<HTMLCanvasElement>>;
         onPointerUpObservable: Observable<Nullable<PointerEvent | import("react").PointerEvent<HTMLCanvasElement>>>;
         draggedControl: Nullable<BABYLON.GUI.Control>;
@@ -1163,6 +1220,76 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        export interface ICommandBarComponentProps {
+        onSaveButtonClicked?: () => void;
+        onSaveToSnippetButtonClicked?: () => void;
+        onLoadFromSnippetButtonClicked?: () => void;
+        onHelpButtonClicked?: () => void;
+        onGiveFeedbackButtonClicked?: () => void;
+        onSelectButtonClicked?: () => void;
+        onPanButtonClicked?: () => void;
+        onZoomButtonClicked?: () => void;
+        onFitButtonClicked?: () => void;
+    }
+    export var CommandBarComponent: React.FC<ICommandBarComponentProps>;
+
+
+
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        export interface ICommandButtonComponentProps {
+        tooltip: string;
+        shortcut?: string;
+        icon: string;
+        iconLabel?: string;
+        isActive: boolean;
+        onClick: () => void;
+        disabled?: boolean;
+    }
+    export var CommandButtonComponent: React.FC<ICommandButtonComponentProps>;
+
+
+
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        interface ICommandDropdownComponentProps {
+        icon?: string;
+        tooltip: string;
+        defaultValue?: string;
+        items: {
+            label: string;
+            icon?: string;
+            fileButton?: boolean;
+            onClick?: () => void;
+            onCheck?: (value: boolean) => void;
+            storeKey?: string;
+            isActive?: boolean;
+            defaultValue?: boolean | string;
+            subItems?: string[];
+        }[];
+        toRight?: boolean;
+    }
+    export class CommandDropdownComponent extends React.Component<ICommandDropdownComponentProps, {
+        isExpanded: boolean;
+        activeState: string;
+    }> {
+        constructor(props: ICommandDropdownComponentProps);
+        render(): JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON {
 
@@ -1187,6 +1314,7 @@ declare module BABYLON {
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export function ClassNames(names: any, styleObject: any): string;
+    export function JoinClassNames(styleObject: any, ...names: string[]): string;
 
 
 
@@ -1218,6 +1346,29 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        export interface IFileButtonLineComponentProps {
+        label: string;
+        onClick: (file: File) => void;
+        accept: string;
+        icon?: string;
+        iconLabel?: string;
+    }
+    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
+        private static _IDGenerator;
+        private _id;
+        private _uploadInputRef;
+        constructor(props: IFileButtonLineComponentProps);
+        onChange(evt: any): void;
+        render(): JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON {
 
@@ -1836,9 +1987,14 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         target: any;
         propertyName: string;
         options: IInspectableOptions[];
+        addInput?: boolean;
         noDirectUpdate?: boolean;
         onSelect?: (value: number | string) => void;
         extractValue?: (target: any) => number | string;
+        addVal?: (newVal: {
+            label: string;
+            value: number;
+        }, prevVal: number) => void;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         allowNullValue?: boolean;
         icon?: string;
@@ -1846,9 +2002,13 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         className?: string;
         valuesAreStrings?: boolean;
         defaultIfNull?: number;
+        fromFontDropdown?: boolean;
+        valueProp?: number;
+        fallbackValue?: number;
     }
     export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
         value: number | string;
+        addCustom: boolean;
     }> {
         private _localChange;
         private _remapValueIn;
@@ -1857,10 +2017,12 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         constructor(props: IOptionsLineComponentProps);
         shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
             value: number;
+            addCustom: boolean;
         }): boolean;
         raiseOnPropertyChanged(newValue: number, previousValue: number): void;
         setValue(value: string | number): void;
         updateValue(valueString: string): void;
+        updateCustomValue(): void;
         render(): JSX.Element;
     }
 
@@ -2897,6 +3059,32 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        /// <reference types="react" />
+    var _default: {
+        component: ICommandBarComponentProps>;
+    };
+    export var Default: {};
+
+
+
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        /// <reference types="react" />
+    var _default: {
+        component: ICommandButtonComponentProps>;
+    };
+    export var Default: {};
+
+
+
 }
 declare module BABYLON {
 
@@ -2942,6 +3130,18 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        var _default: {
+        component: typeof BABYLON.GuiEditor.SharedUIComponents.FileButtonLineComponent;
+    };
+    export var Default: {};
+
+
+
 }
 declare module BABYLON {