@babylonjs/shared-ui-components 5.28.0 → 5.30.0

package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
-import type { Rectangle } from "@babylonjs/gui/2D/controls/rectangle.js";
-interface IRectanglePropertyGridComponentProps {
-    rectangle: Rectangle;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
-    constructor(props: IRectanglePropertyGridComponentProps);
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { Rectangle } from "@babylonjs/gui/2D/controls/rectangle.js";
+interface IRectanglePropertyGridComponentProps {
+    rectangle: Rectangle;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
+    constructor(props: IRectanglePropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
-import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-export class RectanglePropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const rectangle = this.props.rectangle;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: rectangle, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RECTANGLE", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: rectangle, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Corner radius", target: rectangle, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
+import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+export class RectanglePropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const rectangle = this.props.rectangle;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: rectangle, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RECTANGLE", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: rectangle, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Corner radius", target: rectangle, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=rectanglePropertyGridComponent.js.map

package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
-import type { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer.js";
-interface IScrollViewerPropertyGridComponentProps {
-    scrollViewer: ScrollViewer;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
-    constructor(props: IScrollViewerPropertyGridComponentProps);
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer.js";
+interface IScrollViewerPropertyGridComponentProps {
+    scrollViewer: ScrollViewer;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
+    constructor(props: IScrollViewerPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
-import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-export class ScrollViewerPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const scrollViewer = this.props.scrollViewer;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: scrollViewer, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RECTANGLE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: scrollViewer, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Corner radius", target: scrollViewer, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }), _jsxs(LineContainerComponent, { title: "SCROLLVIEWER", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Bar size", target: scrollViewer, propertyName: "barSize", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar color", target: scrollViewer, propertyName: "barColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar background", target: scrollViewer, propertyName: "barBackground", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Wheel precision", target: scrollViewer, propertyName: "wheelPrecision", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
+import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
+export class ScrollViewerPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const scrollViewer = this.props.scrollViewer;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: scrollViewer, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RECTANGLE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: scrollViewer, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Corner radius", target: scrollViewer, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }), _jsxs(LineContainerComponent, { title: "SCROLLVIEWER", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Bar size", target: scrollViewer, propertyName: "barSize", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar color", target: scrollViewer, propertyName: "barColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar background", target: scrollViewer, propertyName: "barBackground", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Wheel precision", target: scrollViewer, propertyName: "wheelPrecision", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=scrollViewerPropertyGridComponent.js.map

package/tabs/propertyGrids/gui/sliderPropertyGridComponent.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../lockObject";
-import type { Slider } from "@babylonjs/gui/2D/controls/sliders/slider.js";
-interface ISliderPropertyGridComponentProps {
-    slider: Slider;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
-    constructor(props: ISliderPropertyGridComponentProps);
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { LockObject } from "../lockObject";
+import type { Slider } from "@babylonjs/gui/2D/controls/sliders/slider.js";
+interface ISliderPropertyGridComponentProps {
+    slider: Slider;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
+    constructor(props: ISliderPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/sliderPropertyGridComponent.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CommonControlPropertyGridComponent } from "./commonControlPropertyGridComponent.js";
-import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-export class SliderPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const slider = this.props.slider;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: slider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "SLIDER", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Border color", target: slider, propertyName: "borderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Display thumb", target: slider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb circle", target: slider, propertyName: "isThumbCircle", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: slider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb clamped", target: slider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar offset", target: slider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Thumb width", target: slider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Minimum", target: slider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Maximum", target: slider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Value", target: slider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CommonControlPropertyGridComponent } from "./commonControlPropertyGridComponent.js";
+import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
+export class SliderPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const slider = this.props.slider;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: slider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "SLIDER", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Border color", target: slider, propertyName: "borderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Display thumb", target: slider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb circle", target: slider, propertyName: "isThumbCircle", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: slider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb clamped", target: slider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar offset", target: slider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Thumb width", target: slider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Minimum", target: slider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Maximum", target: slider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Value", target: slider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=sliderPropertyGridComponent.js.map

package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
-import type { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel.js";
-interface IStackPanelPropertyGridComponentProps {
-    stackPanel: StackPanel;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
-    constructor(props: IStackPanelPropertyGridComponentProps);
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel.js";
+interface IStackPanelPropertyGridComponentProps {
+    stackPanel: StackPanel;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
+    constructor(props: IStackPanelPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.js

@@ -1,15 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
-import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-export class StackPanelPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const stackPanel = this.props.stackPanel;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: stackPanel, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "STACKPANEL", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: stackPanel, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: stackPanel, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
+import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+export class StackPanelPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const stackPanel = this.props.stackPanel;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: stackPanel, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "STACKPANEL", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: stackPanel, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: stackPanel, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=stackPanelPropertyGridComponent.js.map

package/tabs/propertyGrids/gui/textBlockPropertyGridComponent.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { TextBlock } from "@babylonjs/gui/2D/controls/textBlock.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
-interface ITextBlockPropertyGridComponentProps {
-    textBlock: TextBlock;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
-    constructor(props: ITextBlockPropertyGridComponentProps);
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { TextBlock } from "@babylonjs/gui/2D/controls/textBlock.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+interface ITextBlockPropertyGridComponentProps {
+    textBlock: TextBlock;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
+    constructor(props: ITextBlockPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/textBlockPropertyGridComponent.js

@@ -1,35 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
-import { TextWrapping } from "@babylonjs/gui/2D/controls/textBlock.js";
-import { Control } from "@babylonjs/gui/2D/controls/control.js";
-import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
-import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-import { OptionsLineComponent } from "../../../lines/optionsLineComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-export class TextBlockPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const textBlock = this.props.textBlock;
-        const horizontalOptions = [
-            { label: "Left", value: Control.HORIZONTAL_ALIGNMENT_LEFT },
-            { label: "Right", value: Control.HORIZONTAL_ALIGNMENT_RIGHT },
-            { label: "Center", value: Control.HORIZONTAL_ALIGNMENT_CENTER },
-        ];
-        const verticalOptions = [
-            { label: "Top", value: Control.VERTICAL_ALIGNMENT_TOP },
-            { label: "Bottom", value: Control.VERTICAL_ALIGNMENT_BOTTOM },
-            { label: "Center", value: Control.VERTICAL_ALIGNMENT_CENTER },
-        ];
-        const wrappingOptions = [
-            { label: "Clip", value: TextWrapping.Clip },
-            { label: "Ellipsis", value: TextWrapping.Ellipsis },
-            { label: "Word wrap", value: TextWrapping.WordWrap },
-        ];
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: textBlock, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "TEXTBLOCK", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Text", target: textBlock, propertyName: "text", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Horizontal text alignment", options: horizontalOptions, target: textBlock, propertyName: "textHorizontalAlignment", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Vertical text alignment", options: verticalOptions, target: textBlock, propertyName: "textVerticalAlignment", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Resize to fit", target: textBlock, propertyName: "resizeToFit", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Wrapping", options: wrappingOptions, target: textBlock, propertyName: "textWrapping", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Line spacing", target: textBlock, propertyName: "lineSpacing", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }), _jsxs(LineContainerComponent, { title: "OUTLINE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Outline width", target: textBlock, propertyName: "outlineWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Outline color", target: textBlock, propertyName: "outlineColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CommonControlPropertyGridComponent } from "../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent.js";
+import { TextWrapping } from "@babylonjs/gui/2D/controls/textBlock.js";
+import { Control } from "@babylonjs/gui/2D/controls/control.js";
+import { LineContainerComponent } from "../../../lines/lineContainerComponent.js";
+import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
+import { OptionsLineComponent } from "../../../lines/optionsLineComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+export class TextBlockPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const textBlock = this.props.textBlock;
+        const horizontalOptions = [
+            { label: "Left", value: Control.HORIZONTAL_ALIGNMENT_LEFT },
+            { label: "Right", value: Control.HORIZONTAL_ALIGNMENT_RIGHT },
+            { label: "Center", value: Control.HORIZONTAL_ALIGNMENT_CENTER },
+        ];
+        const verticalOptions = [
+            { label: "Top", value: Control.VERTICAL_ALIGNMENT_TOP },
+            { label: "Bottom", value: Control.VERTICAL_ALIGNMENT_BOTTOM },
+            { label: "Center", value: Control.VERTICAL_ALIGNMENT_CENTER },
+        ];
+        const wrappingOptions = [
+            { label: "Clip", value: TextWrapping.Clip },
+            { label: "Ellipsis", value: TextWrapping.Ellipsis },
+            { label: "Word wrap", value: TextWrapping.WordWrap },
+        ];
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: textBlock, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "TEXTBLOCK", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Text", target: textBlock, propertyName: "text", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Horizontal text alignment", options: horizontalOptions, target: textBlock, propertyName: "textHorizontalAlignment", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Vertical text alignment", options: verticalOptions, target: textBlock, propertyName: "textVerticalAlignment", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Resize to fit", target: textBlock, propertyName: "resizeToFit", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Wrapping", options: wrappingOptions, target: textBlock, propertyName: "textWrapping", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Line spacing", target: textBlock, propertyName: "lineSpacing", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }), _jsxs(LineContainerComponent, { title: "OUTLINE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Outline width", target: textBlock, propertyName: "outlineWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Outline color", target: textBlock, propertyName: "outlineColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=textBlockPropertyGridComponent.js.map

package/tabs/propertyGrids/lockObject.d.ts

@@ -1,9 +1,9 @@
-/**
- * Class used to provide lock mechanism
- */
-export declare class LockObject {
-    /**
-     * Gets or set if the lock is engaged
-     */
-    lock: boolean;
-}
+/**
+ * Class used to provide lock mechanism
+ */
+export declare class LockObject {
+    /**
+     * Gets or set if the lock is engaged
+     */
+    lock: boolean;
+}

package/tabs/propertyGrids/lockObject.js

@@ -1,12 +1,12 @@
-/**
- * Class used to provide lock mechanism
- */
-export class LockObject {
-    constructor() {
-        /**
-         * Gets or set if the lock is engaged
-         */
-        this.lock = false;
-    }
-}
+/**
+ * Class used to provide lock mechanism
+ */
+export class LockObject {
+    constructor() {
+        /**
+         * Gets or set if the lock is engaged
+         */
+        this.lock = false;
+    }
+}
 //# sourceMappingURL=lockObject.js.map