npm - @onerjs/shared-ui-components - Versions diffs - 8.45.8 → 8.46.1 - Mend

@onerjs/shared-ui-components 8.45.8 → 8.46.1

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 (335) hide show

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Observable } from "@onerjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { Rectangle } from "@onerjs/gui/2D/controls/rectangle.js";
+import { type Observable } from "@onerjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Rectangle } from "@onerjs/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 "@onerjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { ScrollViewer } from "@onerjs/gui/2D/controls/scrollViewers/scrollViewer.js";
+import { type Observable } from "@onerjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type ScrollViewer } from "@onerjs/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 "@onerjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../lockObject.js";
-import type { Slider } from "@onerjs/gui/2D/controls/sliders/slider.js";
+import { type Observable } from "@onerjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../lockObject.js";
+import { type Slider } from "@onerjs/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 "@onerjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
-import type { StackPanel } from "@onerjs/gui/2D/controls/stackPanel.js";
+import { type Observable } from "@onerjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type StackPanel } from "@onerjs/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 "@onerjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
-import type { TextBlock } from "@onerjs/gui/2D/controls/textBlock.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
+import { type Observable } from "@onerjs/core/Misc/observable.js";
+import { type PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import { type TextBlock } from "@onerjs/gui/2D/controls/textBlock.js";
+import { type LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textBlockPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/textBlockPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;~~AAGxH~~,OAAO,EAAE,OAAO,EAAE,~~2CAAgC~~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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 { TextBlock ~~} from \"gui/2D/controls/textBlock\";\r\nimport {~~ TextWrapping } from \"gui/2D/controls/textBlock\";\r\nimport { Control } from \"gui/2D/controls/control\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { OptionsLine } from \"../../../lines/optionsLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\n\r\ninterface ITextBlockPropertyGridComponentProps {\r\n textBlock: TextBlock;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {\r\n constructor(props: ITextBlockPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const textBlock = this.props.textBlock;\r\n\r\n const horizontalOptions = [\r\n { label: \"Left\", value: Control.HORIZONTAL_ALIGNMENT_LEFT },\r\n { label: \"Right\", value: Control.HORIZONTAL_ALIGNMENT_RIGHT },\r\n { label: \"Center\", value: Control.HORIZONTAL_ALIGNMENT_CENTER },\r\n ];\r\n\r\n const verticalOptions = [\r\n { label: \"Top\", value: Control.VERTICAL_ALIGNMENT_TOP },\r\n { label: \"Bottom\", value: Control.VERTICAL_ALIGNMENT_BOTTOM },\r\n { label: \"Center\", value: Control.VERTICAL_ALIGNMENT_CENTER },\r\n ];\r\n\r\n const wrappingOptions = [\r\n { label: \"Clip\", value: TextWrapping.Clip },\r\n { label: \"Ellipsis\", value: TextWrapping.Ellipsis },\r\n { label: \"Word wrap\", value: TextWrapping.WordWrap },\r\n { label: \"Word wrap ellipsis\", value: TextWrapping.WordWrapEllipsis },\r\n ];\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={textBlock} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"TEXTBLOCK\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Text\"\r\n target={textBlock}\r\n propertyName=\"text\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Horizontal text alignment\"\r\n options={horizontalOptions}\r\n target={textBlock}\r\n propertyName=\"textHorizontalAlignment\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Vertical text alignment\"\r\n options={verticalOptions}\r\n target={textBlock}\r\n propertyName=\"textVerticalAlignment\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Resize to fit\"\r\n target={textBlock}\r\n propertyName=\"resizeToFit\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Wrapping\"\r\n options={wrappingOptions}\r\n target={textBlock}\r\n propertyName=\"textWrapping\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Line spacing\"\r\n target={textBlock}\r\n propertyName=\"lineSpacing\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"OUTLINE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Outline width\"\r\n target={textBlock}\r\n propertyName=\"outlineWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Outline color\"\r\n target={textBlock}\r\n propertyName=\"outlineColor\"\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":"textBlockPropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/textBlockPropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAExH,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAQvE,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,MAAM,iBAAiB,GAAG;YACtB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,yBAAyB,EAAE;YAC3D,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,0BAA0B,EAAE;YAC7D,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,2BAA2B,EAAE;SAClE,CAAC;QAEF,MAAM,eAAe,GAAG;YACpB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,sBAAsB,EAAE;YACvD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,yBAAyB,EAAE;YAC7D,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,yBAAyB,EAAE;SAChE,CAAC;QAEF,MAAM,eAAe,GAAG;YACpB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,2BAAmB,EAAE;YAC3C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,+BAAuB,EAAE;YACnD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,+BAAuB,EAAE;YACpD,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,uCAA+B,EAAE;SACxE,CAAC;QAEF,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,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,MAAM,EACnB,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,WAAW,IACR,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,yBAAyB,EACtC,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,WAAW,IACR,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,uBAAuB,EACpC,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,qBAAqB,IAClB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,aAAa,EAC1B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,WAAW,IACR,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,cAAc,EAC3B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,EACF,KAAC,sBAAsB,IACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,aAAa,EAC1B,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,GACrE,IACmB,EACzB,MAAC,sBAAsB,IAAC,KAAK,EAAC,SAAS,aACnC,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,EACF,KAAC,sBAAsB,IACnB,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 TextBlock, TextWrapping } from \"gui/2D/controls/textBlock\";\r\nimport { Control } from \"gui/2D/controls/control\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\nimport { type LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport { OptionsLine } from \"../../../lines/optionsLineComponent\";\r\nimport { CheckBoxLineComponent } from \"../../../lines/checkBoxLineComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\n\r\ninterface ITextBlockPropertyGridComponentProps {\r\n textBlock: TextBlock;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {\r\n constructor(props: ITextBlockPropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n override render() {\r\n const textBlock = this.props.textBlock;\r\n\r\n const horizontalOptions = [\r\n { label: \"Left\", value: Control.HORIZONTAL_ALIGNMENT_LEFT },\r\n { label: \"Right\", value: Control.HORIZONTAL_ALIGNMENT_RIGHT },\r\n { label: \"Center\", value: Control.HORIZONTAL_ALIGNMENT_CENTER },\r\n ];\r\n\r\n const verticalOptions = [\r\n { label: \"Top\", value: Control.VERTICAL_ALIGNMENT_TOP },\r\n { label: \"Bottom\", value: Control.VERTICAL_ALIGNMENT_BOTTOM },\r\n { label: \"Center\", value: Control.VERTICAL_ALIGNMENT_CENTER },\r\n ];\r\n\r\n const wrappingOptions = [\r\n { label: \"Clip\", value: TextWrapping.Clip },\r\n { label: \"Ellipsis\", value: TextWrapping.Ellipsis },\r\n { label: \"Word wrap\", value: TextWrapping.WordWrap },\r\n { label: \"Word wrap ellipsis\", value: TextWrapping.WordWrapEllipsis },\r\n ];\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={textBlock} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"TEXTBLOCK\">\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Text\"\r\n target={textBlock}\r\n propertyName=\"text\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Horizontal text alignment\"\r\n options={horizontalOptions}\r\n target={textBlock}\r\n propertyName=\"textHorizontalAlignment\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Vertical text alignment\"\r\n options={verticalOptions}\r\n target={textBlock}\r\n propertyName=\"textVerticalAlignment\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <CheckBoxLineComponent\r\n label=\"Resize to fit\"\r\n target={textBlock}\r\n propertyName=\"resizeToFit\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <OptionsLine\r\n label=\"Wrapping\"\r\n options={wrappingOptions}\r\n target={textBlock}\r\n propertyName=\"textWrapping\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Line spacing\"\r\n target={textBlock}\r\n propertyName=\"lineSpacing\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n <LineContainerComponent title=\"OUTLINE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Outline width\"\r\n target={textBlock}\r\n propertyName=\"outlineWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Outline color\"\r\n target={textBlock}\r\n propertyName=\"outlineColor\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}