@babylonjs/shared-ui-components 5.28.0 → 5.30.0

package/lines/vector2LineComponent.js

@@ -1,64 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { NumericInputComponent } from "./numericInputComponent.js";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
-export class Vector2LineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this.state = { isExpanded: false, value: this.props.target[this.props.propertyName].clone() };
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        const nextPropsValue = nextProps.target[nextProps.propertyName];
-        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
-            nextState.value = nextPropsValue.clone();
-            this._localChange = false;
-            return true;
-        }
-        return false;
-    }
-    switchExpandState() {
-        this._localChange = true;
-        this.setState({ isExpanded: !this.state.isExpanded });
-    }
-    raiseOnPropertyChanged(previousValue) {
-        if (this.props.onChange) {
-            this.props.onChange(this.state.value);
-        }
-        if (!this.props.onPropertyChangedObservable) {
-            return;
-        }
-        this.props.onPropertyChangedObservable.notifyObservers({
-            object: this.props.target,
-            property: this.props.propertyName,
-            value: this.state.value,
-            initialValue: previousValue,
-        });
-    }
-    updateStateX(value) {
-        this._localChange = true;
-        const store = this.state.value.clone();
-        this.props.target[this.props.propertyName].x = value;
-        this.state.value.x = value;
-        this.setState({ value: this.state.value });
-        this.raiseOnPropertyChanged(store);
-    }
-    updateStateY(value) {
-        this._localChange = true;
-        const store = this.state.value.clone();
-        this.props.target[this.props.propertyName].y = value;
-        this.state.value.y = value;
-        this.setState({ value: this.state.value });
-        this.raiseOnPropertyChanged(store);
-    }
-    render() {
-        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
-        return (_jsxs("div", { className: "vector3Line", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsxs("div", { className: "firstLine", title: this.props.label, children: [_jsx("div", { className: "label", children: this.props.label }), _jsx("div", { className: "vector", children: `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}` }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), this.state.isExpanded && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) })] }))] }));
-    }
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Vector2LineComponent.defaultProps = {
-    step: 0.001, // cm
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { NumericInputComponent } from "./numericInputComponent.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
+export class Vector2LineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this.state = { isExpanded: false, value: this.props.target[this.props.propertyName].clone() };
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const nextPropsValue = nextProps.target[nextProps.propertyName];
+        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
+            nextState.value = nextPropsValue.clone();
+            this._localChange = false;
+            return true;
+        }
+        return false;
+    }
+    switchExpandState() {
+        this._localChange = true;
+        this.setState({ isExpanded: !this.state.isExpanded });
+    }
+    raiseOnPropertyChanged(previousValue) {
+        if (this.props.onChange) {
+            this.props.onChange(this.state.value);
+        }
+        if (!this.props.onPropertyChangedObservable) {
+            return;
+        }
+        this.props.onPropertyChangedObservable.notifyObservers({
+            object: this.props.target,
+            property: this.props.propertyName,
+            value: this.state.value,
+            initialValue: previousValue,
+        });
+    }
+    updateStateX(value) {
+        this._localChange = true;
+        const store = this.state.value.clone();
+        this.props.target[this.props.propertyName].x = value;
+        this.state.value.x = value;
+        this.setState({ value: this.state.value });
+        this.raiseOnPropertyChanged(store);
+    }
+    updateStateY(value) {
+        this._localChange = true;
+        const store = this.state.value.clone();
+        this.props.target[this.props.propertyName].y = value;
+        this.state.value.y = value;
+        this.setState({ value: this.state.value });
+        this.raiseOnPropertyChanged(store);
+    }
+    render() {
+        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
+        return (_jsxs("div", { className: "vector3Line", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsxs("div", { className: "firstLine", title: this.props.label, children: [_jsx("div", { className: "label", children: this.props.label }), _jsx("div", { className: "vector", children: `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}` }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), this.state.isExpanded && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) })] }))] }));
+    }
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Vector2LineComponent.defaultProps = {
+    step: 0.001, // cm
+};
 //# sourceMappingURL=vector2LineComponent.js.map

package/lines/vector3LineComponent.d.ts

@@ -1,41 +1,41 @@
-import * as React from "react";
-import type { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
-interface IVector3LineComponentProps {
-    label: string;
-    target: any;
-    propertyName: string;
-    step?: number;
-    onChange?: (newvalue: Vector3) => void;
-    useEuler?: boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    noSlider?: boolean;
-    icon?: string;
-    iconLabel?: string;
-    lockObject: LockObject;
-}
-export declare class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
-    isExpanded: boolean;
-    value: Vector3;
-}> {
-    static defaultProps: {
-        step: number;
-    };
-    private _localChange;
-    constructor(props: IVector3LineComponentProps);
-    getCurrentValue(): any;
-    shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
-        isExpanded: boolean;
-        value: Vector3;
-    }): boolean;
-    switchExpandState(): void;
-    raiseOnPropertyChanged(previousValue: Vector3): void;
-    updateVector3(): void;
-    updateStateX(value: number): void;
-    updateStateY(value: number): void;
-    updateStateZ(value: number): void;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { LockObject } from "../tabs/propertyGrids/lockObject";
+interface IVector3LineComponentProps {
+    label: string;
+    target: any;
+    propertyName: string;
+    step?: number;
+    onChange?: (newvalue: Vector3) => void;
+    useEuler?: boolean;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    noSlider?: boolean;
+    icon?: string;
+    iconLabel?: string;
+    lockObject: LockObject;
+}
+export declare class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
+    isExpanded: boolean;
+    value: Vector3;
+}> {
+    static defaultProps: {
+        step: number;
+    };
+    private _localChange;
+    constructor(props: IVector3LineComponentProps);
+    getCurrentValue(): any;
+    shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
+        isExpanded: boolean;
+        value: Vector3;
+    }): boolean;
+    switchExpandState(): void;
+    raiseOnPropertyChanged(previousValue: Vector3): void;
+    updateVector3(): void;
+    updateStateX(value: number): void;
+    updateStateY(value: number): void;
+    updateStateZ(value: number): void;
+    render(): JSX.Element;
+}
+export {};

package/lines/vector3LineComponent.js

@@ -1,75 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { NumericInputComponent } from "../lines/numericInputComponent.js";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { SliderLineComponent } from "../lines/sliderLineComponent.js";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-export class Vector3LineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this.state = { isExpanded: false, value: this.getCurrentValue().clone() };
-    }
-    getCurrentValue() {
-        return this.props.target[this.props.propertyName];
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        const nextPropsValue = this.getCurrentValue();
-        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
-            nextState.value = nextPropsValue.clone();
-            this._localChange = false;
-            return true;
-        }
-        return false;
-    }
-    switchExpandState() {
-        this._localChange = true;
-        this.setState({ isExpanded: !this.state.isExpanded });
-    }
-    raiseOnPropertyChanged(previousValue) {
-        if (this.props.onChange) {
-            this.props.onChange(this.state.value);
-        }
-        if (!this.props.onPropertyChangedObservable) {
-            return;
-        }
-        this.props.onPropertyChangedObservable.notifyObservers({
-            object: this.props.target,
-            property: this.props.propertyName,
-            value: this.state.value,
-            initialValue: previousValue,
-        });
-    }
-    updateVector3() {
-        const store = this.props.target[this.props.propertyName].clone();
-        this.props.target[this.props.propertyName] = this.state.value;
-        this.setState({ value: store });
-        this.raiseOnPropertyChanged(store);
-    }
-    updateStateX(value) {
-        this._localChange = true;
-        this.state.value.x = value;
-        this.updateVector3();
-    }
-    updateStateY(value) {
-        this._localChange = true;
-        this.state.value.y = value;
-        this.updateVector3();
-    }
-    updateStateZ(value) {
-        this._localChange = true;
-        this.state.value.z = value;
-        this.updateVector3();
-    }
-    render() {
-        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
-        return (_jsxs("div", { className: "vector3Line", children: [_jsxs("div", { className: "firstLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("div", { className: "label", title: this.props.label, children: this.props.label }), _jsxs("div", { className: "vector", children: [!this.props.useEuler && `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}`, this.props.useEuler &&
-                                    `X: ${Tools.ToDegrees(this.state.value.x).toFixed(2)}, Y: ${Tools.ToDegrees(this.state.value.y).toFixed(2)}, Z: ${Tools.ToDegrees(this.state.value.z).toFixed(2)}`] }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), this.state.isExpanded && !this.props.useEuler && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { label: "x", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { label: "y", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) }), _jsx(NumericInputComponent, { label: "z", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.z, onChange: (value) => this.updateStateZ(value) })] })), this.state.isExpanded && this.props.useEuler && !this.props.noSlider && (_jsxs("div", { className: "secondLine", children: [_jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "x", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.x), onChange: (value) => this.updateStateX(Tools.ToRadians(value)) }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "y", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.y), onChange: (value) => this.updateStateY(Tools.ToRadians(value)) }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "z", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.z), onChange: (value) => this.updateStateZ(Tools.ToRadians(value)) })] })), this.state.isExpanded && this.props.useEuler && this.props.noSlider && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: Tools.ToDegrees(this.state.value.x), onChange: (value) => this.updateStateX(Tools.ToRadians(value)) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: Tools.ToDegrees(this.state.value.y), onChange: (value) => this.updateStateY(Tools.ToRadians(value)) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "z", step: this.props.step, value: Tools.ToDegrees(this.state.value.z), onChange: (value) => this.updateStateZ(Tools.ToRadians(value)) })] }))] }));
-    }
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Vector3LineComponent.defaultProps = {
-    step: 0.001, // cm
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { NumericInputComponent } from "../lines/numericInputComponent.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
+import { SliderLineComponent } from "../lines/sliderLineComponent.js";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+export class Vector3LineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this.state = { isExpanded: false, value: this.getCurrentValue().clone() };
+    }
+    getCurrentValue() {
+        return this.props.target[this.props.propertyName];
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const nextPropsValue = this.getCurrentValue();
+        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
+            nextState.value = nextPropsValue.clone();
+            this._localChange = false;
+            return true;
+        }
+        return false;
+    }
+    switchExpandState() {
+        this._localChange = true;
+        this.setState({ isExpanded: !this.state.isExpanded });
+    }
+    raiseOnPropertyChanged(previousValue) {
+        if (this.props.onChange) {
+            this.props.onChange(this.state.value);
+        }
+        if (!this.props.onPropertyChangedObservable) {
+            return;
+        }
+        this.props.onPropertyChangedObservable.notifyObservers({
+            object: this.props.target,
+            property: this.props.propertyName,
+            value: this.state.value,
+            initialValue: previousValue,
+        });
+    }
+    updateVector3() {
+        const store = this.props.target[this.props.propertyName].clone();
+        this.props.target[this.props.propertyName] = this.state.value;
+        this.setState({ value: store });
+        this.raiseOnPropertyChanged(store);
+    }
+    updateStateX(value) {
+        this._localChange = true;
+        this.state.value.x = value;
+        this.updateVector3();
+    }
+    updateStateY(value) {
+        this._localChange = true;
+        this.state.value.y = value;
+        this.updateVector3();
+    }
+    updateStateZ(value) {
+        this._localChange = true;
+        this.state.value.z = value;
+        this.updateVector3();
+    }
+    render() {
+        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
+        return (_jsxs("div", { className: "vector3Line", children: [_jsxs("div", { className: "firstLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("div", { className: "label", title: this.props.label, children: this.props.label }), _jsxs("div", { className: "vector", children: [!this.props.useEuler && `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}`, this.props.useEuler &&
+                                    `X: ${Tools.ToDegrees(this.state.value.x).toFixed(2)}, Y: ${Tools.ToDegrees(this.state.value.y).toFixed(2)}, Z: ${Tools.ToDegrees(this.state.value.z).toFixed(2)}`] }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), this.state.isExpanded && !this.props.useEuler && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { label: "x", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { label: "y", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) }), _jsx(NumericInputComponent, { label: "z", lockObject: this.props.lockObject, step: this.props.step, value: this.state.value.z, onChange: (value) => this.updateStateZ(value) })] })), this.state.isExpanded && this.props.useEuler && !this.props.noSlider && (_jsxs("div", { className: "secondLine", children: [_jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "x", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.x), onChange: (value) => this.updateStateX(Tools.ToRadians(value)) }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "y", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.y), onChange: (value) => this.updateStateY(Tools.ToRadians(value)) }), _jsx(SliderLineComponent, { lockObject: this.props.lockObject, margin: true, label: "z", minimum: 0, maximum: 360, step: 0.1, directValue: Tools.ToDegrees(this.state.value.z), onChange: (value) => this.updateStateZ(Tools.ToRadians(value)) })] })), this.state.isExpanded && this.props.useEuler && this.props.noSlider && (_jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: Tools.ToDegrees(this.state.value.x), onChange: (value) => this.updateStateX(Tools.ToRadians(value)) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: Tools.ToDegrees(this.state.value.y), onChange: (value) => this.updateStateY(Tools.ToRadians(value)) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "z", step: this.props.step, value: Tools.ToDegrees(this.state.value.z), onChange: (value) => this.updateStateZ(Tools.ToRadians(value)) })] }))] }));
+    }
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Vector3LineComponent.defaultProps = {
+    step: 0.001, // cm
+};
 //# sourceMappingURL=vector3LineComponent.js.map

package/lines/vector4LineComponent.d.ts

@@ -1,42 +1,42 @@
-import * as React from "react";
-import type { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
-interface IVector4LineComponentProps {
-    label: string;
-    target?: any;
-    propertyName?: string;
-    step?: number;
-    onChange?: (newvalue: Vector4) => void;
-    useEuler?: boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    icon?: string;
-    iconLabel?: string;
-    value?: Vector4;
-    lockObject: LockObject;
-}
-export declare class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
-    isExpanded: boolean;
-    value: Vector4;
-}> {
-    static defaultProps: {
-        step: number;
-    };
-    private _localChange;
-    constructor(props: IVector4LineComponentProps);
-    getCurrentValue(): any;
-    shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
-        isExpanded: boolean;
-        value: Vector4;
-    }): boolean;
-    switchExpandState(): void;
-    raiseOnPropertyChanged(previousValue: Vector4): void;
-    updateVector4(): void;
-    updateStateX(value: number): void;
-    updateStateY(value: number): void;
-    updateStateZ(value: number): void;
-    updateStateW(value: number): void;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { LockObject } from "../tabs/propertyGrids/lockObject";
+interface IVector4LineComponentProps {
+    label: string;
+    target?: any;
+    propertyName?: string;
+    step?: number;
+    onChange?: (newvalue: Vector4) => void;
+    useEuler?: boolean;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    icon?: string;
+    iconLabel?: string;
+    value?: Vector4;
+    lockObject: LockObject;
+}
+export declare class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
+    isExpanded: boolean;
+    value: Vector4;
+}> {
+    static defaultProps: {
+        step: number;
+    };
+    private _localChange;
+    constructor(props: IVector4LineComponentProps);
+    getCurrentValue(): any;
+    shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
+        isExpanded: boolean;
+        value: Vector4;
+    }): boolean;
+    switchExpandState(): void;
+    raiseOnPropertyChanged(previousValue: Vector4): void;
+    updateVector4(): void;
+    updateStateX(value: number): void;
+    updateStateY(value: number): void;
+    updateStateZ(value: number): void;
+    updateStateW(value: number): void;
+    render(): JSX.Element;
+}
+export {};

package/lines/vector4LineComponent.js

@@ -1,82 +1,82 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { NumericInputComponent } from "./numericInputComponent.js";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
-export class Vector4LineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this.state = { isExpanded: false, value: this.getCurrentValue().clone() };
-    }
-    getCurrentValue() {
-        return this.props.value || this.props.target[this.props.propertyName];
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        const nextPropsValue = this.getCurrentValue();
-        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
-            nextState.value = nextPropsValue.clone();
-            this._localChange = false;
-            return true;
-        }
-        return false;
-    }
-    switchExpandState() {
-        this._localChange = true;
-        this.setState({ isExpanded: !this.state.isExpanded });
-    }
-    raiseOnPropertyChanged(previousValue) {
-        if (this.props.onChange) {
-            this.props.onChange(this.state.value);
-        }
-        if (!this.props.onPropertyChangedObservable) {
-            return;
-        }
-        this.props.onPropertyChangedObservable.notifyObservers({
-            object: this.props.target,
-            property: this.props.propertyName || "",
-            value: this.state.value,
-            initialValue: previousValue,
-        });
-    }
-    updateVector4() {
-        const store = this.getCurrentValue().clone();
-        if (this.props.value) {
-            this.props.value.copyFrom(this.state.value);
-        }
-        else {
-            this.props.target[this.props.propertyName] = this.state.value;
-        }
-        this.setState({ value: store });
-        this.raiseOnPropertyChanged(store);
-    }
-    updateStateX(value) {
-        this._localChange = true;
-        this.state.value.x = value;
-        this.updateVector4();
-    }
-    updateStateY(value) {
-        this._localChange = true;
-        this.state.value.y = value;
-        this.updateVector4();
-    }
-    updateStateZ(value) {
-        this._localChange = true;
-        this.state.value.z = value;
-        this.updateVector4();
-    }
-    updateStateW(value) {
-        this._localChange = true;
-        this.state.value.w = value;
-        this.updateVector4();
-    }
-    render() {
-        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
-        return (_jsxs("div", { className: "vector3Line", children: [_jsxs("div", { className: "firstLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("div", { className: "label", title: this.props.label, children: this.props.label }), _jsx("div", { className: "vector", children: `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}, W: ${this.state.value.w.toFixed(2)}` }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), _jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "z", step: this.props.step, value: this.state.value.z, onChange: (value) => this.updateStateZ(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "w", step: this.props.step, value: this.state.value.w, onChange: (value) => this.updateStateW(value) })] })] }));
-    }
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Vector4LineComponent.defaultProps = {
-    step: 0.001, // cm
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { NumericInputComponent } from "./numericInputComponent.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
+export class Vector4LineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this.state = { isExpanded: false, value: this.getCurrentValue().clone() };
+    }
+    getCurrentValue() {
+        return this.props.value || this.props.target[this.props.propertyName];
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        const nextPropsValue = this.getCurrentValue();
+        if (!nextPropsValue.equals(nextState.value) || this._localChange) {
+            nextState.value = nextPropsValue.clone();
+            this._localChange = false;
+            return true;
+        }
+        return false;
+    }
+    switchExpandState() {
+        this._localChange = true;
+        this.setState({ isExpanded: !this.state.isExpanded });
+    }
+    raiseOnPropertyChanged(previousValue) {
+        if (this.props.onChange) {
+            this.props.onChange(this.state.value);
+        }
+        if (!this.props.onPropertyChangedObservable) {
+            return;
+        }
+        this.props.onPropertyChangedObservable.notifyObservers({
+            object: this.props.target,
+            property: this.props.propertyName || "",
+            value: this.state.value,
+            initialValue: previousValue,
+        });
+    }
+    updateVector4() {
+        const store = this.getCurrentValue().clone();
+        if (this.props.value) {
+            this.props.value.copyFrom(this.state.value);
+        }
+        else {
+            this.props.target[this.props.propertyName] = this.state.value;
+        }
+        this.setState({ value: store });
+        this.raiseOnPropertyChanged(store);
+    }
+    updateStateX(value) {
+        this._localChange = true;
+        this.state.value.x = value;
+        this.updateVector4();
+    }
+    updateStateY(value) {
+        this._localChange = true;
+        this.state.value.y = value;
+        this.updateVector4();
+    }
+    updateStateZ(value) {
+        this._localChange = true;
+        this.state.value.z = value;
+        this.updateVector4();
+    }
+    updateStateW(value) {
+        this._localChange = true;
+        this.state.value.w = value;
+        this.updateVector4();
+    }
+    render() {
+        const chevron = this.state.isExpanded ? _jsx(FontAwesomeIcon, { icon: faMinus }) : _jsx(FontAwesomeIcon, { icon: faPlus });
+        return (_jsxs("div", { className: "vector3Line", children: [_jsxs("div", { className: "firstLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("div", { className: "label", title: this.props.label, children: this.props.label }), _jsx("div", { className: "vector", children: `X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}, W: ${this.state.value.w.toFixed(2)}` }), _jsx("div", { className: "expand hoverIcon", onClick: () => this.switchExpandState(), title: "Expand", children: chevron })] }), _jsxs("div", { className: "secondLine", children: [_jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "x", step: this.props.step, value: this.state.value.x, onChange: (value) => this.updateStateX(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "y", step: this.props.step, value: this.state.value.y, onChange: (value) => this.updateStateY(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "z", step: this.props.step, value: this.state.value.z, onChange: (value) => this.updateStateZ(value) }), _jsx(NumericInputComponent, { lockObject: this.props.lockObject, label: "w", step: this.props.step, value: this.state.value.w, onChange: (value) => this.updateStateW(value) })] })] }));
+    }
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Vector4LineComponent.defaultProps = {
+    step: 0.001, // cm
+};
 //# sourceMappingURL=vector4LineComponent.js.map

package/nodeGraphSystem/displayLedger.d.ts

@@ -1,5 +1,5 @@
-export declare class DisplayLedger {
-    static RegisteredControls: {
-        [key: string]: any;
-    };
-}
+export declare class DisplayLedger {
+    static RegisteredControls: {
+        [key: string]: any;
+    };
+}

package/nodeGraphSystem/displayLedger.js

@@ -1,4 +1,4 @@
-export class DisplayLedger {
-}
-DisplayLedger.RegisteredControls = {};
+export class DisplayLedger {
+}
+DisplayLedger.RegisteredControls = {};
 //# sourceMappingURL=displayLedger.js.map