@babylonjs/shared-ui-components 5.28.0 → 5.30.0

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.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 { Ellipse } from "@babylonjs/gui/2D/controls/ellipse.js";
-interface IEllipsePropertyGridComponentProps {
-    ellipse: Ellipse;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
-    constructor(props: IEllipsePropertyGridComponentProps);
-    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 { Ellipse } from "@babylonjs/gui/2D/controls/ellipse.js";
+interface IEllipsePropertyGridComponentProps {
+    ellipse: Ellipse;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
+    constructor(props: IEllipsePropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.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 EllipsePropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const ellipse = this.props.ellipse;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: ellipse, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "ELLIPSE", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: ellipse, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: ellipse, propertyName: "thickness", 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 EllipsePropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const ellipse = this.props.ellipse;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: ellipse, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "ELLIPSE", children: [_jsx(CheckBoxLineComponent, { label: "Clip children", target: ellipse, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: ellipse, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=ellipsePropertyGridComponent.js.map

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

@@ -1,17 +1,17 @@
-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 { Grid } from "@babylonjs/gui/2D/controls/grid.js";
-interface IGridPropertyGridComponentProps {
-    grid: Grid;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
-    constructor(props: IGridPropertyGridComponentProps);
-    renderRows(): JSX.Element[];
-    renderColumns(): JSX.Element[];
-    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 { Grid } from "@babylonjs/gui/2D/controls/grid.js";
+interface IGridPropertyGridComponentProps {
+    grid: Grid;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
+    constructor(props: IGridPropertyGridComponentProps);
+    renderRows(): JSX.Element[];
+    renderColumns(): JSX.Element[];
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/gridPropertyGridComponent.js

@@ -1,39 +1,39 @@
-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 { TextLineComponent } from "../../../lines/textLineComponent.js";
-export class GridPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    renderRows() {
-        const grid = this.props.grid;
-        const rows = [];
-        for (let index = 0; index < grid.rowCount; index++) {
-            rows.push(grid.getRowDefinition(index));
-        }
-        return rows.map((rd, i) => {
-            return _jsx(TextLineComponent, { label: `Row ${i}`, value: rd.toString(grid.host, 2), underline: i === grid.rowCount - 1 }, `r${i}`);
-        });
-    }
-    renderColumns() {
-        const grid = this.props.grid;
-        const cols = [];
-        for (let index = 0; index < grid.columnCount; index++) {
-            cols.push(grid.getColumnDefinition(index));
-        }
-        return cols.map((cd, i) => {
-            return _jsx(TextLineComponent, { label: `Column ${i}`, value: cd.toString(grid.host, 2) }, `c${i}`);
-        });
-    }
-    render() {
-        const grid = this.props.grid;
-        const cols = [];
-        for (let index = 0; index < grid.rowCount; index++) {
-            cols.push(grid.getColumnDefinition(index));
-        }
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: grid, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "GRID", children: [this.renderRows(), this.renderColumns()] })] }));
-    }
-}
+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 { TextLineComponent } from "../../../lines/textLineComponent.js";
+export class GridPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    renderRows() {
+        const grid = this.props.grid;
+        const rows = [];
+        for (let index = 0; index < grid.rowCount; index++) {
+            rows.push(grid.getRowDefinition(index));
+        }
+        return rows.map((rd, i) => {
+            return _jsx(TextLineComponent, { label: `Row ${i}`, value: rd.toString(grid.host, 2), underline: i === grid.rowCount - 1 }, `r${i}`);
+        });
+    }
+    renderColumns() {
+        const grid = this.props.grid;
+        const cols = [];
+        for (let index = 0; index < grid.columnCount; index++) {
+            cols.push(grid.getColumnDefinition(index));
+        }
+        return cols.map((cd, i) => {
+            return _jsx(TextLineComponent, { label: `Column ${i}`, value: cd.toString(grid.host, 2) }, `c${i}`);
+        });
+    }
+    render() {
+        const grid = this.props.grid;
+        const cols = [];
+        for (let index = 0; index < grid.rowCount; index++) {
+            cols.push(grid.getColumnDefinition(index));
+        }
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: grid, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "GRID", children: [this.renderRows(), this.renderColumns()] })] }));
+    }
+}
 //# sourceMappingURL=gridPropertyGridComponent.js.map

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.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 { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider.js";
-interface IImageBasedSliderPropertyGridComponentProps {
-    imageBasedSlider: ImageBasedSlider;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
-    constructor(props: IImageBasedSliderPropertyGridComponentProps);
-    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 { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider.js";
+interface IImageBasedSliderPropertyGridComponentProps {
+    imageBasedSlider: ImageBasedSlider;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
+    constructor(props: IImageBasedSliderPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.js

@@ -1,17 +1,17 @@
-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";
-import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-export class ImageBasedSliderPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const imageBasedSlider = this.props.imageBasedSlider;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: imageBasedSlider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "IMAGE BASED SLIDER", children: [_jsx(CheckBoxLineComponent, { label: "Display thumb", target: imageBasedSlider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: imageBasedSlider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb clamped", target: imageBasedSlider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar offset", target: imageBasedSlider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Thumb width", target: imageBasedSlider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Minimum", target: imageBasedSlider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Maximum", target: imageBasedSlider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Value", target: imageBasedSlider, 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 "../../../tabs/propertyGrids/gui/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 ImageBasedSliderPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const imageBasedSlider = this.props.imageBasedSlider;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: imageBasedSlider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "IMAGE BASED SLIDER", children: [_jsx(CheckBoxLineComponent, { label: "Display thumb", target: imageBasedSlider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Vertical", target: imageBasedSlider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Thumb clamped", target: imageBasedSlider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Bar offset", target: imageBasedSlider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Thumb width", target: imageBasedSlider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Minimum", target: imageBasedSlider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Maximum", target: imageBasedSlider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Value", target: imageBasedSlider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=imageBasedSliderPropertyGridComponent.js.map

package/tabs/propertyGrids/gui/imagePropertyGridComponent.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 { Image } from "@babylonjs/gui/2D/controls/image.js";
-interface IImagePropertyGridComponentProps {
-    image: Image;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
-    constructor(props: IImagePropertyGridComponentProps);
-    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 { Image } from "@babylonjs/gui/2D/controls/image.js";
+interface IImagePropertyGridComponentProps {
+    image: Image;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
+    constructor(props: IImagePropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/imagePropertyGridComponent.js

@@ -1,26 +1,26 @@
-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 { Image } from "@babylonjs/gui/2D/controls/image.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-import { OptionsLineComponent } from "../../../lines/optionsLineComponent.js";
-import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-export class ImagePropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const image = this.props.image;
-        const stretchOptions = [
-            { label: "None", value: Image.STRETCH_NONE },
-            { label: "Fill", value: Image.STRETCH_FILL },
-            { label: "Uniform", value: Image.STRETCH_UNIFORM },
-            { label: "Extend", value: Image.STRETCH_EXTEND },
-            { label: "NinePatch", value: Image.STRETCH_NINE_PATCH },
-        ];
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: image, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "IMAGE", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Source", target: image, propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source left", target: image, propertyName: "sourceLeft", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source top", target: image, propertyName: "sourceTop", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source width", target: image, propertyName: "sourceWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source height", target: image, propertyName: "sourceHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Autoscale", target: image, propertyName: "autoScale", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Stretch", options: stretchOptions, target: image, propertyName: "stretch", onPropertyChangedObservable: this.props.onPropertyChangedObservable, onSelect: (value) => this.setState({ mode: value }) })] }), _jsxs(LineContainerComponent, { title: "ANIMATION SHEET", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell Id", isInteger: true, target: image, propertyName: "cellId", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell width", target: image, propertyName: "cellWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell height", target: image, propertyName: "cellHeight", 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 { Image } from "@babylonjs/gui/2D/controls/image.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+import { OptionsLineComponent } from "../../../lines/optionsLineComponent.js";
+import { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
+export class ImagePropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const image = this.props.image;
+        const stretchOptions = [
+            { label: "None", value: Image.STRETCH_NONE },
+            { label: "Fill", value: Image.STRETCH_FILL },
+            { label: "Uniform", value: Image.STRETCH_UNIFORM },
+            { label: "Extend", value: Image.STRETCH_EXTEND },
+            { label: "NinePatch", value: Image.STRETCH_NINE_PATCH },
+        ];
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: image, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "IMAGE", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Source", target: image, propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source left", target: image, propertyName: "sourceLeft", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source top", target: image, propertyName: "sourceTop", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source width", target: image, propertyName: "sourceWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Source height", target: image, propertyName: "sourceHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Autoscale", target: image, propertyName: "autoScale", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(OptionsLineComponent, { label: "Stretch", options: stretchOptions, target: image, propertyName: "stretch", onPropertyChangedObservable: this.props.onPropertyChangedObservable, onSelect: (value) => this.setState({ mode: value }) })] }), _jsxs(LineContainerComponent, { title: "ANIMATION SHEET", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell Id", isInteger: true, target: image, propertyName: "cellId", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell width", target: image, propertyName: "cellWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Cell height", target: image, propertyName: "cellHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=imagePropertyGridComponent.js.map

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.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 { InputText } from "@babylonjs/gui/2D/controls/inputText.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
-interface IInputTextPropertyGridComponentProps {
-    inputText: InputText;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
-    constructor(props: IInputTextPropertyGridComponentProps);
-    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 { InputText } from "@babylonjs/gui/2D/controls/inputText.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+interface IInputTextPropertyGridComponentProps {
+    inputText: InputText;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
+    constructor(props: IInputTextPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.js

@@ -1,18 +1,18 @@
-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 { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
-import { SliderLineComponent } from "../../../lines/sliderLineComponent.js";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
-export class InputTextPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const inputText = this.props.inputText;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: inputText, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "INPUTTEXT", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Text", target: inputText, propertyName: "text", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Prompt", target: inputText, propertyName: "promptMessage", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Max width", target: inputText, propertyName: "maxWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Highlight color", target: inputText, propertyName: "textHighlightColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, label: "Highligher opacity", minimum: 0, maximum: 1, step: 0.01, target: inputText, propertyName: "highligherOpacity", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "On focus select all", target: inputText, propertyName: "onFocusSelectAll", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Focused background", target: inputText, propertyName: "focusedBackground", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Max width", target: inputText, propertyName: "maxWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Margin", target: inputText, propertyName: "margin", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Auto stretch width", target: inputText, propertyName: "autoStretchWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: inputText, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Placeholder text", target: inputText, propertyName: "placeholderText", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Placeholder color", target: inputText, propertyName: "placeholderColor", 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 { TextInputLineComponent } from "../../../lines/textInputLineComponent.js";
+import { SliderLineComponent } from "../../../lines/sliderLineComponent.js";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+import { FloatLineComponent } from "../../../lines/floatLineComponent.js";
+export class InputTextPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const inputText = this.props.inputText;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: inputText, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "INPUTTEXT", children: [_jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Text", target: inputText, propertyName: "text", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Prompt", target: inputText, propertyName: "promptMessage", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Max width", target: inputText, propertyName: "maxWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Highlight color", target: inputText, propertyName: "textHighlightColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, label: "Highligher opacity", minimum: 0, maximum: 1, step: 0.01, target: inputText, propertyName: "highligherOpacity", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "On focus select all", target: inputText, propertyName: "onFocusSelectAll", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Focused background", target: inputText, propertyName: "focusedBackground", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Max width", target: inputText, propertyName: "maxWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Margin", target: inputText, propertyName: "margin", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Auto stretch width", target: inputText, propertyName: "autoStretchWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: inputText, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Placeholder text", target: inputText, propertyName: "placeholderText", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Placeholder color", target: inputText, propertyName: "placeholderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=inputTextPropertyGridComponent.js.map

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

@@ -1,16 +1,16 @@
-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 { Line } from "@babylonjs/gui/2D/controls/line.js";
-interface ILinePropertyGridComponentProps {
-    line: Line;
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
-    constructor(props: ILinePropertyGridComponentProps);
-    onDashChange(value: string): void;
-    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 { Line } from "@babylonjs/gui/2D/controls/line.js";
+interface ILinePropertyGridComponentProps {
+    line: Line;
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
+    constructor(props: ILinePropertyGridComponentProps);
+    onDashChange(value: string): void;
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/linePropertyGridComponent.js

@@ -1,28 +1,28 @@
-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 LinePropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    onDashChange(value) {
-        const line = this.props.line;
-        const split = value.split(",");
-        line.dash = [];
-        split.forEach((v) => {
-            const int = parseInt(v);
-            if (isNaN(int)) {
-                return;
-            }
-            line.dash.push(int);
-        });
-    }
-    render() {
-        const line = this.props.line;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: line, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "LINE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Line width", target: line, propertyName: "lineWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "X1", target: line, propertyName: "x1", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Y1", target: line, propertyName: "y1", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "X2", target: line, propertyName: "x2", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Y2", target: line, propertyName: "y2", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Dash pattern", target: line, value: line.dash.join(","), onChange: (newValue) => this.onDashChange(newValue) })] })] }));
-    }
-}
+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 LinePropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    onDashChange(value) {
+        const line = this.props.line;
+        const split = value.split(",");
+        line.dash = [];
+        split.forEach((v) => {
+            const int = parseInt(v);
+            if (isNaN(int)) {
+                return;
+            }
+            line.dash.push(int);
+        });
+    }
+    render() {
+        const line = this.props.line;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, control: line, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "LINE", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Line width", target: line, propertyName: "lineWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "X1", target: line, propertyName: "x1", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Y1", target: line, propertyName: "y1", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "X2", target: line, propertyName: "x2", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Y2", target: line, propertyName: "y2", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Dash pattern", target: line, value: line.dash.join(","), onChange: (newValue) => this.onDashChange(newValue) })] })] }));
+    }
+}
 //# sourceMappingURL=linePropertyGridComponent.js.map

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.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 { RadioButton } from "@babylonjs/gui/2D/controls/radioButton.js";
-interface IRadioButtonPropertyGridComponentProps {
-    radioButtons: RadioButton[];
-    lockObject: LockObject;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export declare class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
-    constructor(props: IRadioButtonPropertyGridComponentProps);
-    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 { RadioButton } from "@babylonjs/gui/2D/controls/radioButton.js";
+interface IRadioButtonPropertyGridComponentProps {
+    radioButtons: RadioButton[];
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export declare class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
+    constructor(props: IRadioButtonPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.js

@@ -1,18 +1,18 @@
-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";
-import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
-import { makeTargetsProxy } from "../../../lines/targetsProxy.js";
-export class RadioButtonPropertyGridComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const radioButtons = this.props.radioButtons;
-        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, controls: radioButtons, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RADIO BUTTON", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Check size ratio", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "checkSizeRatio", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Group", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "group", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Checked", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "isChecked", 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";
+import { CheckBoxLineComponent } from "../../../lines/checkBoxLineComponent.js";
+import { makeTargetsProxy } from "../../../lines/targetsProxy.js";
+export class RadioButtonPropertyGridComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const radioButtons = this.props.radioButtons;
+        return (_jsxs("div", { className: "pane", children: [_jsx(CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, controls: radioButtons, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsxs(LineContainerComponent, { title: "RADIO BUTTON", children: [_jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Thickness", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(FloatLineComponent, { lockObject: this.props.lockObject, label: "Check size ratio", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "checkSizeRatio", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(TextInputLineComponent, { lockObject: this.props.lockObject, label: "Group", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "group", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), _jsx(CheckBoxLineComponent, { label: "Checked", target: makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable), propertyName: "isChecked", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })] }));
+    }
+}
 //# sourceMappingURL=radioButtonPropertyGridComponent.js.map