npm - @babylonjs/shared-ui-components - Versions diffs - 9.0.0 → 9.2.0 - Mend

@babylonjs/shared-ui-components 9.0.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (353) hide show

package/tabs/propertyGrids/gui/controlPropertyGridComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { Control } from "@babylonjs/gui/2D/controls/control.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type Control } from "@babylonjs/gui/2D/controls/control.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/controlPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controlPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/controlPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AASxH,MAAM,OAAO,4BAA6B,SAAQ,KAAK,CAAC,SAA6C;IACjG,YAAY,KAAyC;QACjD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEnC,OAAO,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,CAAC;IAC5K,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport type { Control } from \"gui/2D/controls/control\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\n\r\ninterface IControlPropertyGridComponentProps {\r\n control: Control;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {\r\n constructor(props: IControlPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const control = this.props.control;\r\n\r\n return <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={control} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />;\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"controlPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/controlPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AASxH,MAAM,OAAO,4BAA6B,SAAQ,KAAK,CAAC,SAA6C;IACjG,YAAY,KAAyC;QACjD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEnC,OAAO,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,CAAC;IAC5K,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { type Control } from \"gui/2D/controls/control\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\n\r\ninterface IControlPropertyGridComponentProps {\r\n control: Control;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {\r\n constructor(props: IControlPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const control = this.props.control;\r\n\r\n return <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={control} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />;\r\n }\r\n}\r\n"]}

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { Ellipse } from "@babylonjs/gui/2D/controls/ellipse.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Ellipse } from "@babylonjs/gui/2D/controls/ellipse.js";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ellipsePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/ellipsePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,4BAA6B,SAAQ,KAAK,CAAC,SAA6C;IACjG,YAAY,KAAyC;QACjD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEnC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAChK,MAAC,sBAAsB,IAAC,KAAK,EAAC,SAAS,aACnC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,OAAO,EACf,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,OAAO,EACf,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { Ellipse } from \"gui/2D/controls/ellipse\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IEllipsePropertyGridComponentProps {\r\n ellipse: Ellipse;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {\r\n constructor(props: IEllipsePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const ellipse = this.props.ellipse;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={ellipse} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"ELLIPSE\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={ellipse}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={ellipse}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"ellipsePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/ellipsePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,4BAA6B,SAAQ,KAAK,CAAC,SAA6C;IACjG,YAAY,KAAyC;QACjD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEnC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAChK,MAAC,sBAAsB,IAAC,KAAK,EAAC,SAAS,aACnC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,OAAO,EACf,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,OAAO,EACf,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type Ellipse } from \"gui/2D/controls/ellipse\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IEllipsePropertyGridComponentProps {\r\n ellipse: Ellipse;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {\r\n constructor(props: IEllipsePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const ellipse = this.props.ellipse;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={ellipse} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"ELLIPSE\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={ellipse}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={ellipse}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { Grid } from "@babylonjs/gui/2D/controls/grid.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Grid } from "@babylonjs/gui/2D/controls/grid.js";
 interface IGridPropertyGridComponentProps {
     grid: Grid;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/gridPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gridPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/gridPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAQrE,MAAM,OAAO,yBAA0B,SAAQ,KAAK,CAAC,SAA0C;IAC3F,YAAY,KAAsC;QAC9C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,UAAU;QACN,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAE,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACtB,OAAO,KAAC,iBAAiB,IAAe,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAhG,IAAI,CAAC,EAAE,CAA6F,CAAC;QACxI,CAAC,CAAC,CAAC;IACP,CAAC;IAED,aAAa;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAE,CAAC,CAAC;QAChD,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACtB,OAAO,KAAC,iBAAiB,IAAe,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAA/D,IAAI,CAAC,EAAE,CAA4D,CAAC;QACvG,CAAC,CAAC,CAAC;IACP,CAAC;IAEQ,MAAM;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAC7J,MAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,aAC/B,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,aAAa,EAAE,IACA,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { Grid } from \"gui/2D/controls/grid\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextLineComponent } from \"../../../lines/textLineComponent\";\r\n\r\ninterface IGridPropertyGridComponentProps {\r\n grid: Grid;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {\r\n constructor(props: IGridPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n renderRows() {\r\n const grid = this.props.grid;\r\n const rows = [];\r\n\r\n for (let index = 0; index < grid.rowCount; index++) {\r\n rows.push(grid.getRowDefinition(index)!);\r\n }\r\n\r\n return rows.map((rd, i) => {\r\n return <TextLineComponent key={`r${i}`} label={`Row ${i}`} value={rd.toString(grid.host, 2)} underline={i === grid.rowCount - 1} />;\r\n });\r\n }\r\n\r\n renderColumns() {\r\n const grid = this.props.grid;\r\n const cols = [];\r\n\r\n for (let index = 0; index < grid.columnCount; index++) {\r\n cols.push(grid.getColumnDefinition(index)!);\r\n }\r\n\r\n return cols.map((cd, i) => {\r\n return <TextLineComponent key={`c${i}`} label={`Column ${i}`} value={cd.toString(grid.host, 2)} />;\r\n });\r\n }\r\n\r\n override render() {\r\n const grid = this.props.grid;\r\n\r\n const cols = [];\r\n\r\n for (let index = 0; index < grid.rowCount; index++) {\r\n cols.push(grid.getColumnDefinition(index));\r\n }\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={grid} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"GRID\">\r\n {this.renderRows()}\r\n {this.renderColumns()}\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gridPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/gridPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAQrE,MAAM,OAAO,yBAA0B,SAAQ,KAAK,CAAC,SAA0C;IAC3F,YAAY,KAAsC;QAC9C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,UAAU;QACN,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAE,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACtB,OAAO,KAAC,iBAAiB,IAAe,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAhG,IAAI,CAAC,EAAE,CAA6F,CAAC;QACxI,CAAC,CAAC,CAAC;IACP,CAAC;IAED,aAAa;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAE,CAAC,CAAC;QAChD,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACtB,OAAO,KAAC,iBAAiB,IAAe,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAA/D,IAAI,CAAC,EAAE,CAA4D,CAAC;QACvG,CAAC,CAAC,CAAC;IACP,CAAC;IAEQ,MAAM;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE7B,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAC7J,MAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,aAC/B,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,aAAa,EAAE,IACA,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type Grid } from \"gui/2D/controls/grid\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextLineComponent } from \"../../../lines/textLineComponent\";\r\n\r\ninterface IGridPropertyGridComponentProps {\r\n grid: Grid;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {\r\n constructor(props: IGridPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n renderRows() {\r\n const grid = this.props.grid;\r\n const rows = [];\r\n\r\n for (let index = 0; index < grid.rowCount; index++) {\r\n rows.push(grid.getRowDefinition(index)!);\r\n }\r\n\r\n return rows.map((rd, i) => {\r\n return <TextLineComponent key={`r${i}`} label={`Row ${i}`} value={rd.toString(grid.host, 2)} underline={i === grid.rowCount - 1} />;\r\n });\r\n }\r\n\r\n renderColumns() {\r\n const grid = this.props.grid;\r\n const cols = [];\r\n\r\n for (let index = 0; index < grid.columnCount; index++) {\r\n cols.push(grid.getColumnDefinition(index)!);\r\n }\r\n\r\n return cols.map((cd, i) => {\r\n return <TextLineComponent key={`c${i}`} label={`Column ${i}`} value={cd.toString(grid.host, 2)} />;\r\n });\r\n }\r\n\r\n override render() {\r\n const grid = this.props.grid;\r\n\r\n const cols = [];\r\n\r\n for (let index = 0; index < grid.rowCount; index++) {\r\n cols.push(grid.getColumnDefinition(index));\r\n }\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={grid} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"GRID\">\r\n {this.renderRows()}\r\n {this.renderColumns()}\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider.js";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imageBasedSliderPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AACxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAQ/E,MAAM,OAAO,qCAAsC,SAAQ,KAAK,CAAC,SAAsD;IACnH,YAAY,KAAkD;QAC1D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAErD,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,gBAAgB,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,oBAAoB,aAC9C,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,YAAY,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,YAAY,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,OAAO,EACpB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { ImageBasedSlider } from \"gui/2D/controls/sliders/imageBasedSlider\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IImageBasedSliderPropertyGridComponentProps {\r\n imageBasedSlider: ImageBasedSlider;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {\r\n constructor(props: IImageBasedSliderPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const imageBasedSlider = this.props.imageBasedSlider;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n control={imageBasedSlider}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"IMAGE BASED SLIDER\">\r\n <CheckBoxLineComponent\r\n label=\"Display thumb\"\r\n target={imageBasedSlider}\r\n propertyName=\"displayThumb\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Vertical\"\r\n target={imageBasedSlider}\r\n propertyName=\"isVertical\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Thumb clamped\"\r\n target={imageBasedSlider}\r\n propertyName=\"isThumbClamped\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar offset\"\r\n target={imageBasedSlider}\r\n propertyName=\"barOffset\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thumb width\"\r\n target={imageBasedSlider}\r\n propertyName=\"thumbWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Minimum\"\r\n target={imageBasedSlider}\r\n propertyName=\"minimum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Maximum\"\r\n target={imageBasedSlider}\r\n propertyName=\"maximum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Value\"\r\n target={imageBasedSlider}\r\n propertyName=\"value\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"imageBasedSliderPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AACxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAQ/E,MAAM,OAAO,qCAAsC,SAAQ,KAAK,CAAC,SAAsD;IACnH,YAAY,KAAkD;QAC1D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAErD,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,gBAAgB,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,oBAAoB,aAC9C,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,YAAY,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,aAAa,EACnB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,YAAY,EACzB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAC,OAAO,EACpB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type ImageBasedSlider } from \"gui/2D/controls/sliders/imageBasedSlider\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IImageBasedSliderPropertyGridComponentProps {\r\n imageBasedSlider: ImageBasedSlider;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {\r\n constructor(props: IImageBasedSliderPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const imageBasedSlider = this.props.imageBasedSlider;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n control={imageBasedSlider}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"IMAGE BASED SLIDER\">\r\n <CheckBoxLineComponent\r\n label=\"Display thumb\"\r\n target={imageBasedSlider}\r\n propertyName=\"displayThumb\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Vertical\"\r\n target={imageBasedSlider}\r\n propertyName=\"isVertical\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Thumb clamped\"\r\n target={imageBasedSlider}\r\n propertyName=\"isThumbClamped\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar offset\"\r\n target={imageBasedSlider}\r\n propertyName=\"barOffset\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thumb width\"\r\n target={imageBasedSlider}\r\n propertyName=\"thumbWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Minimum\"\r\n target={imageBasedSlider}\r\n propertyName=\"minimum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Maximum\"\r\n target={imageBasedSlider}\r\n propertyName=\"maximum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Value\"\r\n target={imageBasedSlider}\r\n propertyName=\"value\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

package/tabs/propertyGrids/gui/imagePropertyGridComponent.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import { Image } from "@babylonjs/gui/2D/controls/image.js";
 interface IImagePropertyGridComponentProps {
     image: Image;

package/tabs/propertyGrids/gui/imagePropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imagePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/imagePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AACxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,~~4CAA8B~~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","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { Image } from \"gui/2D/controls/image\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { OptionsLine } from \"../../../lines/optionsLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IImagePropertyGridComponentProps {\r\n image: Image;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {\r\n constructor(props: IImagePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const image = this.props.image;\r\n\r\n const stretchOptions = [\r\n { label: \"None\", value: Image.STRETCH_NONE },\r\n { label: \"Fill\", value: Image.STRETCH_FILL },\r\n { label: \"Uniform\", value: Image.STRETCH_UNIFORM },\r\n { label: \"Extend\", value: Image.STRETCH_EXTEND },\r\n { label: \"NinePatch\", value: Image.STRETCH_NINE_PATCH },\r\n ];\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={image} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"IMAGE\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source\"\r\n target={image}\r\n propertyName=\"source\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source left\"\r\n target={image}\r\n propertyName=\"sourceLeft\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source top\"\r\n target={image}\r\n propertyName=\"sourceTop\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source width\"\r\n target={image}\r\n propertyName=\"sourceWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source height\"\r\n target={image}\r\n propertyName=\"sourceHeight\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Autoscale\" target={image} propertyName=\"autoScale\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <OptionsLine\r\n label=\"Stretch\"\r\n options={stretchOptions}\r\n target={image}\r\n propertyName=\"stretch\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n onSelect={(value) => this.setState({ mode: value })}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"ANIMATION SHEET\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell Id\"\r\n isInteger={true}\r\n target={image}\r\n propertyName=\"cellId\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell width\"\r\n target={image}\r\n propertyName=\"cellWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell height\"\r\n target={image}\r\n propertyName=\"cellHeight\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"imagePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/imagePropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { Image } from \"gui/2D/controls/image\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { OptionsLine } from \"../../../lines/optionsLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IImagePropertyGridComponentProps {\r\n image: Image;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {\r\n constructor(props: IImagePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const image = this.props.image;\r\n\r\n const stretchOptions = [\r\n { label: \"None\", value: Image.STRETCH_NONE },\r\n { label: \"Fill\", value: Image.STRETCH_FILL },\r\n { label: \"Uniform\", value: Image.STRETCH_UNIFORM },\r\n { label: \"Extend\", value: Image.STRETCH_EXTEND },\r\n { label: \"NinePatch\", value: Image.STRETCH_NINE_PATCH },\r\n ];\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={image} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"IMAGE\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source\"\r\n target={image}\r\n propertyName=\"source\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source left\"\r\n target={image}\r\n propertyName=\"sourceLeft\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source top\"\r\n target={image}\r\n propertyName=\"sourceTop\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source width\"\r\n target={image}\r\n propertyName=\"sourceWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Source height\"\r\n target={image}\r\n propertyName=\"sourceHeight\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Autoscale\" target={image} propertyName=\"autoScale\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <OptionsLine\r\n label=\"Stretch\"\r\n options={stretchOptions}\r\n target={image}\r\n propertyName=\"stretch\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n onSelect={(value) => this.setState({ mode: value })}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"ANIMATION SHEET\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell Id\"\r\n isInteger={true}\r\n target={image}\r\n propertyName=\"cellId\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell width\"\r\n target={image}\r\n propertyName=\"cellWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Cell height\"\r\n target={image}\r\n propertyName=\"cellHeight\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { InputText } from "@babylonjs/gui/2D/controls/inputText.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type InputText } from "@babylonjs/gui/2D/controls/inputText.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputTextPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/inputTextPropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { InputText } from \"gui/2D/controls/inputText\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport { SliderLineComponent } from \"../../../lines/sliderLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\n\r\ninterface IInputTextPropertyGridComponentProps {\r\n inputText: InputText;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {\r\n constructor(props: IInputTextPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const inputText = this.props.inputText;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={inputText} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"INPUTTEXT\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Text\"\r\n target={inputText}\r\n propertyName=\"text\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Prompt\"\r\n target={inputText}\r\n propertyName=\"promptMessage\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Max width\"\r\n target={inputText}\r\n propertyName=\"maxWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Highlight color\"\r\n target={inputText}\r\n propertyName=\"textHighlightColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <SliderLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Highligher opacity\"\r\n minimum={0}\r\n maximum={1}\r\n step={0.01}\r\n target={inputText}\r\n propertyName=\"highligherOpacity\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"On focus select all\"\r\n target={inputText}\r\n propertyName=\"onFocusSelectAll\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Focused background\"\r\n target={inputText}\r\n propertyName=\"focusedBackground\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Max width\"\r\n target={inputText}\r\n propertyName=\"maxWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Margin\"\r\n target={inputText}\r\n propertyName=\"margin\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Auto stretch width\"\r\n target={inputText}\r\n propertyName=\"autoStretchWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={inputText}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Placeholder text\"\r\n target={inputText}\r\n propertyName=\"placeholderText\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Placeholder color\"\r\n target={inputText}\r\n propertyName=\"placeholderColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"inputTextPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/inputTextPropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type InputText } from \"gui/2D/controls/inputText\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport { SliderLineComponent } from \"../../../lines/sliderLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\n\r\ninterface IInputTextPropertyGridComponentProps {\r\n inputText: InputText;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {\r\n constructor(props: IInputTextPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const inputText = this.props.inputText;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={inputText} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"INPUTTEXT\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Text\"\r\n target={inputText}\r\n propertyName=\"text\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Prompt\"\r\n target={inputText}\r\n propertyName=\"promptMessage\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Max width\"\r\n target={inputText}\r\n propertyName=\"maxWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Highlight color\"\r\n target={inputText}\r\n propertyName=\"textHighlightColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <SliderLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Highligher opacity\"\r\n minimum={0}\r\n maximum={1}\r\n step={0.01}\r\n target={inputText}\r\n propertyName=\"highligherOpacity\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"On focus select all\"\r\n target={inputText}\r\n propertyName=\"onFocusSelectAll\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Focused background\"\r\n target={inputText}\r\n propertyName=\"focusedBackground\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Max width\"\r\n target={inputText}\r\n propertyName=\"maxWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Margin\"\r\n target={inputText}\r\n propertyName=\"margin\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Auto stretch width\"\r\n target={inputText}\r\n propertyName=\"autoStretchWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={inputText}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Placeholder text\"\r\n target={inputText}\r\n propertyName=\"placeholderText\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Placeholder color\"\r\n target={inputText}\r\n propertyName=\"placeholderColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { Line } from "@babylonjs/gui/2D/controls/line.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Line } from "@babylonjs/gui/2D/controls/line.js";
 interface ILinePropertyGridComponentProps {
     line: Line;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/linePropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/linePropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { Line } from \"gui/2D/controls/line\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface ILinePropertyGridComponentProps {\r\n line: Line;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {\r\n constructor(props: ILinePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n onDashChange(value: string) {\r\n const line = this.props.line;\r\n const split = value.split(\",\");\r\n line.dash = [];\r\n\r\n for (const v of split) {\r\n const int = parseInt(v);\r\n\r\n if (isNaN(int)) {\r\n continue;\r\n }\r\n\r\n line.dash.push(int);\r\n }\r\n }\r\n\r\n override render() {\r\n const line = this.props.line;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={line} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"LINE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Line width\"\r\n target={line}\r\n propertyName=\"lineWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X1\"\r\n target={line}\r\n propertyName=\"x1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y1\"\r\n target={line}\r\n propertyName=\"y1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X2\"\r\n target={line}\r\n propertyName=\"x2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y2\"\r\n target={line}\r\n propertyName=\"y2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Dash pattern\"\r\n target={line}\r\n value={line.dash.join(\",\")}\r\n onChange={(newValue) => this.onDashChange(newValue)}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"linePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/linePropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type Line } from \"gui/2D/controls/line\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface ILinePropertyGridComponentProps {\r\n line: Line;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {\r\n constructor(props: ILinePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n onDashChange(value: string) {\r\n const line = this.props.line;\r\n const split = value.split(\",\");\r\n line.dash = [];\r\n\r\n for (const v of split) {\r\n const int = parseInt(v);\r\n\r\n if (isNaN(int)) {\r\n continue;\r\n }\r\n\r\n line.dash.push(int);\r\n }\r\n }\r\n\r\n override render() {\r\n const line = this.props.line;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={line} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"LINE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Line width\"\r\n target={line}\r\n propertyName=\"lineWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X1\"\r\n target={line}\r\n propertyName=\"x1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y1\"\r\n target={line}\r\n propertyName=\"y1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X2\"\r\n target={line}\r\n propertyName=\"x2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y2\"\r\n target={line}\r\n propertyName=\"y2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Dash pattern\"\r\n target={line}\r\n value={line.dash.join(\",\")}\r\n onChange={(newValue) => this.onDashChange(newValue)}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { RadioButton } from "@babylonjs/gui/2D/controls/radioButton.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type RadioButton } from "@babylonjs/gui/2D/controls/radioButton.js";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
     lockObject: LockObject;

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioButtonPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAQ/D,MAAM,OAAO,gCAAiC,SAAQ,KAAK,CAAC,SAAiD;IACzG,YAAY,KAA6C;QACrD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAE7C,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,QAAQ,EAAE,YAAY,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,cAAc,aACxC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,kBAAkB,EACxB,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,OAAO,EACpB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { RadioButton } from \"gui/2D/controls/radioButton\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { makeTargetsProxy } from \"../../../lines/targetsProxy\";\r\n\r\ninterface IRadioButtonPropertyGridComponentProps {\r\n radioButtons: RadioButton[];\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {\r\n constructor(props: IRadioButtonPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const radioButtons = this.props.radioButtons;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n controls={radioButtons}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"RADIO BUTTON\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Check size ratio\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"checkSizeRatio\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Group\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"group\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Checked\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"isChecked\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"radioButtonPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAQ/D,MAAM,OAAO,gCAAiC,SAAQ,KAAK,CAAC,SAAiD;IACzG,YAAY,KAA6C;QACrD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAE7C,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,QAAQ,EAAE,YAAY,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,cAAc,aACxC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,kBAAkB,EACxB,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,OAAO,EACpB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAC9E,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type RadioButton } from \"gui/2D/controls/radioButton\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { makeTargetsProxy } from \"../../../lines/targetsProxy\";\r\n\r\ninterface IRadioButtonPropertyGridComponentProps {\r\n radioButtons: RadioButton[];\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {\r\n constructor(props: IRadioButtonPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const radioButtons = this.props.radioButtons;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n controls={radioButtons}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"RADIO BUTTON\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Check size ratio\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"checkSizeRatio\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Group\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"group\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Checked\"\r\n target={makeTargetsProxy(radioButtons, this.props.onPropertyChangedObservable)}\r\n propertyName=\"isChecked\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { Rectangle } from "@babylonjs/gui/2D/controls/rectangle.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Rectangle } from "@babylonjs/gui/2D/controls/rectangle.js";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rectanglePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/rectanglePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,SAA+C;IACrG,YAAY,KAA2C;QACnD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAClK,MAAC,sBAAsB,IAAC,KAAK,EAAC,WAAW,aACrC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { Rectangle } from \"gui/2D/controls/rectangle\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IRectanglePropertyGridComponentProps {\r\n rectangle: Rectangle;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {\r\n constructor(props: IRectanglePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const rectangle = this.props.rectangle;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={rectangle} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"RECTANGLE\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={rectangle}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={rectangle}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Corner radius\"\r\n target={rectangle}\r\n propertyName=\"cornerRadius\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"rectanglePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/rectanglePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,SAA+C;IACrG,YAAY,KAA2C;QACnD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EAClK,MAAC,sBAAsB,IAAC,KAAK,EAAC,WAAW,aACrC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type Rectangle } from \"gui/2D/controls/rectangle\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IRectanglePropertyGridComponentProps {\r\n rectangle: Rectangle;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {\r\n constructor(props: IRectanglePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const rectangle = this.props.rectangle;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={rectangle} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"RECTANGLE\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={rectangle}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={rectangle}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Corner radius\"\r\n target={rectangle}\r\n propertyName=\"cornerRadius\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer.js";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollViewerPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAQ/E,MAAM,OAAO,iCAAkC,SAAQ,KAAK,CAAC,SAAkD;IAC3G,YAAY,KAA8C;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAE7C,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,YAAY,EACrB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,WAAW,aACrC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,EACzB,MAAC,sBAAsB,IAAC,KAAK,EAAC,cAAc,aACxC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,UAAU,EACvB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,gBAAgB,EACtB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,eAAe,EAC5B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,iBAAiB,EACvB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { ScrollViewer } from \"gui/2D/controls/scrollViewers/scrollViewer\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IScrollViewerPropertyGridComponentProps {\r\n scrollViewer: ScrollViewer;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {\r\n constructor(props: IScrollViewerPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const scrollViewer = this.props.scrollViewer;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n control={scrollViewer}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"RECTANGLE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={scrollViewer}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Corner radius\"\r\n target={scrollViewer}\r\n propertyName=\"cornerRadius\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"SCROLLVIEWER\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar size\"\r\n target={scrollViewer}\r\n propertyName=\"barSize\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar color\"\r\n target={scrollViewer}\r\n propertyName=\"barColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar background\"\r\n target={scrollViewer}\r\n propertyName=\"barBackground\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Wheel precision\"\r\n target={scrollViewer}\r\n propertyName=\"wheelPrecision\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"scrollViewerPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAQ/E,MAAM,OAAO,iCAAkC,SAAQ,KAAK,CAAC,SAAkD;IAC3G,YAAY,KAA8C;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAE7C,OAAO,CACH,8BACI,KAAC,kCAAkC,IAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,YAAY,EACrB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,MAAC,sBAAsB,IAAC,KAAK,EAAC,WAAW,aACrC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,WAAW,EACxB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,EACzB,MAAC,sBAAsB,IAAC,KAAK,EAAC,cAAc,aACxC,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,SAAS,EACtB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,UAAU,EACvB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,gBAAgB,EACtB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,eAAe,EAC5B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,kBAAkB,IACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,iBAAiB,EACvB,MAAM,EAAE,YAAY,EACpB,YAAY,EAAC,gBAAgB,EAC7B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type ScrollViewer } from \"gui/2D/controls/scrollViewers/scrollViewer\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface IScrollViewerPropertyGridComponentProps {\r\n scrollViewer: ScrollViewer;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {\r\n constructor(props: IScrollViewerPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const scrollViewer = this.props.scrollViewer;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent\r\n lockObject={this.props.lockObject}\r\n control={scrollViewer}\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <LineContainerComponent title=\"RECTANGLE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thickness\"\r\n target={scrollViewer}\r\n propertyName=\"thickness\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Corner radius\"\r\n target={scrollViewer}\r\n propertyName=\"cornerRadius\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"SCROLLVIEWER\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar size\"\r\n target={scrollViewer}\r\n propertyName=\"barSize\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar color\"\r\n target={scrollViewer}\r\n propertyName=\"barColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar background\"\r\n target={scrollViewer}\r\n propertyName=\"barBackground\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Wheel precision\"\r\n target={scrollViewer}\r\n propertyName=\"wheelPrecision\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../lockObject.js";
-import type { Slider } from "@babylonjs/gui/2D/controls/sliders/slider.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../lockObject.js";
+import { type Slider } from "@babylonjs/gui/2D/controls/sliders/slider.js";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/sliderPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/sliderPropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"./commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport type { LockObject } from \"../lockObject\";\r\nimport type { Slider } from \"gui/2D/controls/sliders/slider\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface ISliderPropertyGridComponentProps {\r\n slider: Slider;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {\r\n constructor(props: ISliderPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const slider = this.props.slider;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={slider} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"SLIDER\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Border color\"\r\n target={slider}\r\n propertyName=\"borderColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Display thumb\" target={slider} propertyName=\"displayThumb\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent label=\"Thumb circle\" target={slider} propertyName=\"isThumbCircle\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent label=\"Vertical\" target={slider} propertyName=\"isVertical\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent\r\n label=\"Thumb clamped\"\r\n target={slider}\r\n propertyName=\"isThumbClamped\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar offset\"\r\n target={slider}\r\n propertyName=\"barOffset\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thumb width\"\r\n target={slider}\r\n propertyName=\"thumbWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Minimum\"\r\n target={slider}\r\n propertyName=\"minimum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Maximum\"\r\n target={slider}\r\n propertyName=\"maximum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Value\"\r\n target={slider}\r\n propertyName=\"value\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"sliderPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/sliderPropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"./commonControlPropertyGridComponent\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { type LockObject } from \"../lockObject\";\r\nimport { type Slider } from \"gui/2D/controls/sliders/slider\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface ISliderPropertyGridComponentProps {\r\n slider: Slider;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {\r\n constructor(props: ISliderPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const slider = this.props.slider;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={slider} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"SLIDER\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Border color\"\r\n target={slider}\r\n propertyName=\"borderColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Display thumb\" target={slider} propertyName=\"displayThumb\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent label=\"Thumb circle\" target={slider} propertyName=\"isThumbCircle\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent label=\"Vertical\" target={slider} propertyName=\"isVertical\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <CheckBoxLineComponent\r\n label=\"Thumb clamped\"\r\n target={slider}\r\n propertyName=\"isThumbClamped\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Bar offset\"\r\n target={slider}\r\n propertyName=\"barOffset\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Thumb width\"\r\n target={slider}\r\n propertyName=\"thumbWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Minimum\"\r\n target={slider}\r\n propertyName=\"minimum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Maximum\"\r\n target={slider}\r\n propertyName=\"maximum\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Value\"\r\n target={slider}\r\n propertyName=\"value\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type StackPanel } from "@babylonjs/gui/2D/controls/stackPanel.js";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stackPanelPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,+BAAgC,SAAQ,KAAK,CAAC,SAAgD;IACvG,YAAY,KAA4C;QACpD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAEzC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EACnK,MAAC,sBAAsB,IAAC,KAAK,EAAC,YAAY,aACtC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAAC,KAAK,EAAC,UAAU,EAAC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAC,YAAY,EAAC,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,IACxI,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { StackPanel } from \"gui/2D/controls/stackPanel\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IStackPanelPropertyGridComponentProps {\r\n stackPanel: StackPanel;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {\r\n constructor(props: IStackPanelPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const stackPanel = this.props.stackPanel;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={stackPanel} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"STACKPANEL\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={stackPanel}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Vertical\" target={stackPanel} propertyName=\"isVertical\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"stackPanelPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAQ7E,MAAM,OAAO,+BAAgC,SAAQ,KAAK,CAAC,SAAgD;IACvG,YAAY,KAA4C;QACpD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,MAAM;QACX,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAEzC,OAAO,CACH,8BACI,KAAC,kCAAkC,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,EACnK,MAAC,sBAAsB,IAAC,KAAK,EAAC,YAAY,aACtC,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAAC,KAAK,EAAC,UAAU,EAAC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAC,YAAY,EAAC,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GAAI,IACxI,IAC1B,CACN,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\nimport { type Observable } from \"core/Misc/observable\";\r\nimport { type PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { type StackPanel } from \"gui/2D/controls/stackPanel\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\n\r\ninterface IStackPanelPropertyGridComponentProps {\r\n stackPanel: StackPanel;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {\r\n constructor(props: IStackPanelPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const stackPanel = this.props.stackPanel;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={stackPanel} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"STACKPANEL\">\r\n <CheckBoxLineComponent\r\n label=\"Clip children\"\r\n target={stackPanel}\r\n propertyName=\"clipChildren\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent label=\"Vertical\" target={stackPanel} propertyName=\"isVertical\" onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { TextBlock } from "@babylonjs/gui/2D/controls/textBlock.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Observable } from "@babylonjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type TextBlock } from "@babylonjs/gui/2D/controls/textBlock.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;