@babylonjs/shared-ui-components 5.28.0 → 5.30.0

package/components/lines/NumericInputComponent.js

@@ -1,87 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import style from "./NumericInputComponent.modules.scss";
-export class NumericInputComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this.state = { value: this.props.value.toFixed(this.props.precision !== undefined ? this.props.precision : 3) };
-    }
-    componentWillUnmount() {
-        if (this.props.lockObject) {
-            this.props.lockObject.lock = false;
-        }
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        if (this._localChange) {
-            return true;
-        }
-        if (nextProps.value.toString() !== nextState.value) {
-            nextState.value = nextProps.value.toFixed(this.props.precision !== undefined ? this.props.precision : 3);
-            return true;
-        }
-        return false;
-    }
-    updateValue(valueString) {
-        if (/[^0-9.-]/g.test(valueString)) {
-            return;
-        }
-        const valueAsNumber = parseFloat(valueString);
-        this._localChange = true;
-        this.setState({ value: valueString });
-        if (isNaN(valueAsNumber)) {
-            return;
-        }
-        this.props.onChange(valueAsNumber);
-    }
-    onBlur() {
-        this._localChange = false;
-        const valueAsNumber = parseFloat(this.state.value);
-        if (this.props.lockObject) {
-            this.props.lockObject.lock = false;
-        }
-        if (isNaN(valueAsNumber)) {
-            this.props.onChange(this.props.value);
-            return;
-        }
-        this.props.onChange(valueAsNumber);
-    }
-    incrementValue(amount) {
-        let currentValue = parseFloat(this.state.value);
-        if (isNaN(currentValue)) {
-            currentValue = 0;
-        }
-        this.updateValue((currentValue + amount).toFixed(this.props.precision !== undefined ? this.props.precision : 3));
-    }
-    onKeyDown(evt) {
-        const step = this.props.step || 1;
-        const handleArrowKey = (sign) => {
-            if (evt.shiftKey) {
-                sign *= 10;
-                if (evt.ctrlKey || evt.metaKey) {
-                    sign *= 10;
-                }
-            }
-            this.incrementValue(sign * step);
-            evt.preventDefault();
-        };
-        if (evt.key === "ArrowUp") {
-            handleArrowKey(1);
-        }
-        else if (evt.key === "ArrowDown") {
-            handleArrowKey(-1);
-        }
-    }
-    render() {
-        return (_jsxs("div", { className: style.numeric, children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), this.props.label && (_jsx("div", { className: style.numericLabel, title: this.props.label, children: `${this.props.label}: ` })), _jsx("input", { type: "number", step: this.props.step, className: style.numericInput, value: this.state.value, onChange: (evt) => this.updateValue(evt.target.value), onKeyDown: (evt) => this.onKeyDown(evt), onFocus: () => {
-                        if (this.props.lockObject) {
-                            this.props.lockObject.lock = true;
-                        }
-                    }, onBlur: () => this.onBlur() })] }));
-    }
-}
-// eslint-disable-next-line @typescript-eslint/naming-convention
-NumericInputComponent.defaultProps = {
-    step: 1,
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import style from "./NumericInputComponent.modules.scss";
+export class NumericInputComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this.state = { value: this.props.value.toFixed(this.props.precision !== undefined ? this.props.precision : 3) };
+    }
+    componentWillUnmount() {
+        if (this.props.lockObject) {
+            this.props.lockObject.lock = false;
+        }
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        if (this._localChange) {
+            return true;
+        }
+        if (nextProps.value.toString() !== nextState.value) {
+            nextState.value = nextProps.value.toFixed(this.props.precision !== undefined ? this.props.precision : 3);
+            return true;
+        }
+        return false;
+    }
+    updateValue(valueString) {
+        if (/[^0-9.-]/g.test(valueString)) {
+            return;
+        }
+        const valueAsNumber = parseFloat(valueString);
+        this._localChange = true;
+        this.setState({ value: valueString });
+        if (isNaN(valueAsNumber)) {
+            return;
+        }
+        this.props.onChange(valueAsNumber);
+    }
+    onBlur() {
+        this._localChange = false;
+        const valueAsNumber = parseFloat(this.state.value);
+        if (this.props.lockObject) {
+            this.props.lockObject.lock = false;
+        }
+        if (isNaN(valueAsNumber)) {
+            this.props.onChange(this.props.value);
+            return;
+        }
+        this.props.onChange(valueAsNumber);
+    }
+    incrementValue(amount) {
+        let currentValue = parseFloat(this.state.value);
+        if (isNaN(currentValue)) {
+            currentValue = 0;
+        }
+        this.updateValue((currentValue + amount).toFixed(this.props.precision !== undefined ? this.props.precision : 3));
+    }
+    onKeyDown(evt) {
+        const step = this.props.step || 1;
+        const handleArrowKey = (sign) => {
+            if (evt.shiftKey) {
+                sign *= 10;
+                if (evt.ctrlKey || evt.metaKey) {
+                    sign *= 10;
+                }
+            }
+            this.incrementValue(sign * step);
+            evt.preventDefault();
+        };
+        if (evt.key === "ArrowUp") {
+            handleArrowKey(1);
+        }
+        else if (evt.key === "ArrowDown") {
+            handleArrowKey(-1);
+        }
+    }
+    render() {
+        return (_jsxs("div", { className: style.numeric, children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), this.props.label && (_jsx("div", { className: style.numericLabel, title: this.props.label, children: `${this.props.label}: ` })), _jsx("input", { type: "number", step: this.props.step, className: style.numericInput, value: this.state.value, onChange: (evt) => this.updateValue(evt.target.value), onKeyDown: (evt) => this.onKeyDown(evt), onFocus: () => {
+                        if (this.props.lockObject) {
+                            this.props.lockObject.lock = true;
+                        }
+                    }, onBlur: () => this.onBlur() })] }));
+    }
+}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+NumericInputComponent.defaultProps = {
+    step: 1,
+};
 //# sourceMappingURL=NumericInputComponent.js.map

package/lines/booleanLineComponent.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-export interface IBooleanLineComponentProps {
-    label: string;
-    value: boolean;
-    icon?: string;
-    iconLabel?: string;
-}
-export declare class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
-    constructor(props: IBooleanLineComponentProps);
-    render(): JSX.Element;
-}
+import * as React from "react";
+export interface IBooleanLineComponentProps {
+    label: string;
+    value: boolean;
+    icon?: string;
+    iconLabel?: string;
+}
+export declare class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
+    constructor(props: IBooleanLineComponentProps);
+    render(): JSX.Element;
+}

package/lines/booleanLineComponent.js

@@ -1,15 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faTimesCircle } from "@fortawesome/free-solid-svg-icons";
-export class BooleanLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const check = this.props.value ? _jsx(FontAwesomeIcon, { icon: faCheck }) : _jsx(FontAwesomeIcon, { icon: faTimesCircle });
-        const className = this.props.value ? "value check" : "value uncheck";
-        return (_jsxs("div", { className: "textLine", 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: className, children: check })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCheck, faTimesCircle } from "@fortawesome/free-solid-svg-icons";
+export class BooleanLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const check = this.props.value ? _jsx(FontAwesomeIcon, { icon: faCheck }) : _jsx(FontAwesomeIcon, { icon: faTimesCircle });
+        const className = this.props.value ? "value check" : "value uncheck";
+        return (_jsxs("div", { className: "textLine", 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: className, children: check })] }));
+    }
+}
 //# sourceMappingURL=booleanLineComponent.js.map

package/lines/buttonLineComponent.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
-export interface IButtonLineComponentProps {
-    label: string;
-    onClick: () => void;
-    icon?: string;
-    iconLabel?: string;
-    isDisabled?: boolean;
-}
-export declare class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
-    constructor(props: IButtonLineComponentProps);
-    render(): JSX.Element;
-}
+import * as React from "react";
+export interface IButtonLineComponentProps {
+    label: string;
+    onClick: () => void;
+    icon?: string;
+    iconLabel?: string;
+    isDisabled?: boolean;
+}
+export declare class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
+    constructor(props: IButtonLineComponentProps);
+    render(): JSX.Element;
+}

package/lines/buttonLineComponent.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export class ButtonLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (_jsxs("div", { className: "buttonLine" + (this.props.isDisabled ? " disabled" : ""), children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("button", { onClick: () => this.props.onClick(), children: this.props.label })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export class ButtonLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (_jsxs("div", { className: "buttonLine" + (this.props.isDisabled ? " disabled" : ""), children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("button", { onClick: () => this.props.onClick(), children: this.props.label })] }));
+    }
+}
 //# sourceMappingURL=buttonLineComponent.js.map

package/lines/checkBoxLineComponent.d.ts

@@ -1,36 +1,36 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "./../propertyChangedEvent";
-import type { IconDefinition } from "@fortawesome/fontawesome-common-types";
-export interface ICheckBoxLineComponentProps {
-    label?: string;
-    target?: any;
-    propertyName?: string;
-    isSelected?: () => boolean;
-    onSelect?: (value: boolean) => void;
-    onValueChanged?: () => void;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    disabled?: boolean;
-    icon?: string;
-    iconLabel?: string;
-    faIcons?: {
-        enabled: IconDefinition;
-        disabled: IconDefinition;
-    };
-    large?: boolean;
-}
-export declare class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
-    isSelected: boolean;
-    isDisabled?: boolean;
-    isConflict: boolean;
-}> {
-    private _localChange;
-    constructor(props: ICheckBoxLineComponentProps);
-    shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
-        isSelected: boolean;
-        isDisabled: boolean;
-        isConflict: boolean;
-    }): boolean;
-    onChange(): void;
-    render(): JSX.Element;
-}
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "./../propertyChangedEvent";
+import type { IconDefinition } from "@fortawesome/fontawesome-common-types";
+export interface ICheckBoxLineComponentProps {
+    label?: string;
+    target?: any;
+    propertyName?: string;
+    isSelected?: () => boolean;
+    onSelect?: (value: boolean) => void;
+    onValueChanged?: () => void;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    disabled?: boolean;
+    icon?: string;
+    iconLabel?: string;
+    faIcons?: {
+        enabled: IconDefinition;
+        disabled: IconDefinition;
+    };
+    large?: boolean;
+}
+export declare class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
+    isSelected: boolean;
+    isDisabled?: boolean;
+    isConflict: boolean;
+}> {
+    private _localChange;
+    constructor(props: ICheckBoxLineComponentProps);
+    shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
+        isSelected: boolean;
+        isDisabled: boolean;
+        isConflict: boolean;
+    }): boolean;
+    onChange(): void;
+    render(): JSX.Element;
+}

package/lines/checkBoxLineComponent.js

@@ -1,89 +1,89 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { conflictingValuesPlaceholder } from "./targetsProxy.js";
-import toggleOnIcon_40px from "../imgs/toggleOnIcon_40px.svg";
-import toggleOffIcon_40px from "../imgs/toggleOffIcon_40px.svg";
-import toggleOnIcon_30px from "../imgs/toggleOnIcon_30px.svg";
-import toggleMixedIcon_30px from "../imgs/toggleMixedIcon_30px.svg";
-import toggleOffIcon_30px from "../imgs/toggleOffIcon_30px.svg";
-const Icons = {
-    size30: {
-        on: toggleOnIcon_30px,
-        mixed: toggleMixedIcon_30px,
-        off: toggleOffIcon_30px,
-    },
-    size40: {
-        on: toggleOnIcon_40px,
-        mixed: "",
-        off: toggleOffIcon_40px,
-    },
-};
-export class CheckBoxLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        if (this.props.isSelected) {
-            this.state = { isSelected: this.props.isSelected(), isConflict: false };
-        }
-        else {
-            this.state = {
-                isSelected: this.props.target[this.props.propertyName] === true,
-                isConflict: this.props.target[this.props.propertyName] === conflictingValuesPlaceholder,
-            };
-        }
-        if (this.props.disabled) {
-            this.state = { ...this.state, isDisabled: this.props.disabled };
-        }
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        let selected;
-        if (nextProps.isSelected) {
-            selected = nextProps.isSelected();
-        }
-        else {
-            selected = nextProps.target[nextProps.propertyName] === true;
-            if (nextProps.target[nextProps.propertyName] === conflictingValuesPlaceholder) {
-                nextState.isConflict = true;
-            }
-        }
-        if (selected !== nextState.isSelected || this._localChange) {
-            nextState.isSelected = selected;
-            this._localChange = false;
-            return true;
-        }
-        if (nextProps.disabled !== nextState.isDisabled) {
-            return true;
-        }
-        return nextProps.label !== this.props.label || nextProps.target !== this.props.target || nextState.isConflict !== this.state.isConflict;
-    }
-    onChange() {
-        this._localChange = true;
-        if (this.props.onSelect) {
-            this.props.onSelect(!this.state.isSelected);
-        }
-        else {
-            if (this.props.onPropertyChangedObservable) {
-                this.props.onPropertyChangedObservable.notifyObservers({
-                    object: this.props.target,
-                    property: this.props.propertyName,
-                    value: !this.state.isSelected,
-                    initialValue: this.state.isSelected,
-                });
-            }
-            if (this.props.target && this.props.propertyName) {
-                this.props.target[this.props.propertyName] = !this.state.isSelected;
-            }
-        }
-        if (this.props.onValueChanged) {
-            this.props.onValueChanged();
-        }
-        this.setState({ isSelected: !this.state.isSelected, isConflict: false });
-    }
-    render() {
-        const icons = this.props.large ? Icons.size40 : Icons.size30;
-        const icon = this.state.isConflict ? icons.mixed : this.state.isSelected ? icons.on : icons.off;
-        return (_jsxs("div", { className: "checkBoxLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), this.props.label && (_jsx("div", { className: "label", title: this.props.iconLabel, children: this.props.label })), this.props.faIcons && (_jsx(FontAwesomeIcon, { className: `cbx ${this.props.disabled ? "disabled" : ""}`, icon: this.state.isSelected ? this.props.faIcons.enabled : this.props.faIcons.disabled, onClick: () => !this.props.disabled && this.onChange() })), !this.props.faIcons && (_jsx("div", { className: "checkBox", children: _jsxs("label", { className: `container lbl${this.props.disabled ? " disabled" : ""} ${this.state.isSelected ? "checked" : ""}`, children: [_jsx("input", { type: "checkbox", className: `cbx hidden ${this.state.isConflict ? "conflict" : ""}`, checked: this.state.isSelected, onChange: () => this.onChange(), disabled: !!this.props.disabled }), _jsx("img", { className: "icon", src: icon, alt: this.props.label })] }) }))] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { conflictingValuesPlaceholder } from "./targetsProxy.js";
+import toggleOnIcon_40px from "../imgs/toggleOnIcon_40px.svg";
+import toggleOffIcon_40px from "../imgs/toggleOffIcon_40px.svg";
+import toggleOnIcon_30px from "../imgs/toggleOnIcon_30px.svg";
+import toggleMixedIcon_30px from "../imgs/toggleMixedIcon_30px.svg";
+import toggleOffIcon_30px from "../imgs/toggleOffIcon_30px.svg";
+const Icons = {
+    size30: {
+        on: toggleOnIcon_30px,
+        mixed: toggleMixedIcon_30px,
+        off: toggleOffIcon_30px,
+    },
+    size40: {
+        on: toggleOnIcon_40px,
+        mixed: "",
+        off: toggleOffIcon_40px,
+    },
+};
+export class CheckBoxLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        if (this.props.isSelected) {
+            this.state = { isSelected: this.props.isSelected(), isConflict: false };
+        }
+        else {
+            this.state = {
+                isSelected: this.props.target[this.props.propertyName] === true,
+                isConflict: this.props.target[this.props.propertyName] === conflictingValuesPlaceholder,
+            };
+        }
+        if (this.props.disabled) {
+            this.state = { ...this.state, isDisabled: this.props.disabled };
+        }
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        let selected;
+        if (nextProps.isSelected) {
+            selected = nextProps.isSelected();
+        }
+        else {
+            selected = nextProps.target[nextProps.propertyName] === true;
+            if (nextProps.target[nextProps.propertyName] === conflictingValuesPlaceholder) {
+                nextState.isConflict = true;
+            }
+        }
+        if (selected !== nextState.isSelected || this._localChange) {
+            nextState.isSelected = selected;
+            this._localChange = false;
+            return true;
+        }
+        if (nextProps.disabled !== nextState.isDisabled) {
+            return true;
+        }
+        return nextProps.label !== this.props.label || nextProps.target !== this.props.target || nextState.isConflict !== this.state.isConflict;
+    }
+    onChange() {
+        this._localChange = true;
+        if (this.props.onSelect) {
+            this.props.onSelect(!this.state.isSelected);
+        }
+        else {
+            if (this.props.onPropertyChangedObservable) {
+                this.props.onPropertyChangedObservable.notifyObservers({
+                    object: this.props.target,
+                    property: this.props.propertyName,
+                    value: !this.state.isSelected,
+                    initialValue: this.state.isSelected,
+                });
+            }
+            if (this.props.target && this.props.propertyName) {
+                this.props.target[this.props.propertyName] = !this.state.isSelected;
+            }
+        }
+        if (this.props.onValueChanged) {
+            this.props.onValueChanged();
+        }
+        this.setState({ isSelected: !this.state.isSelected, isConflict: false });
+    }
+    render() {
+        const icons = this.props.large ? Icons.size40 : Icons.size30;
+        const icon = this.state.isConflict ? icons.mixed : this.state.isSelected ? icons.on : icons.off;
+        return (_jsxs("div", { className: "checkBoxLine", children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), this.props.label && (_jsx("div", { className: "label", title: this.props.iconLabel, children: this.props.label })), this.props.faIcons && (_jsx(FontAwesomeIcon, { className: `cbx ${this.props.disabled ? "disabled" : ""}`, icon: this.state.isSelected ? this.props.faIcons.enabled : this.props.faIcons.disabled, onClick: () => !this.props.disabled && this.onChange() })), !this.props.faIcons && (_jsx("div", { className: "checkBox", children: _jsxs("label", { className: `container lbl${this.props.disabled ? " disabled" : ""} ${this.state.isSelected ? "checked" : ""}`, children: [_jsx("input", { type: "checkbox", className: `cbx hidden ${this.state.isConflict ? "conflict" : ""}`, checked: this.state.isSelected, onChange: () => this.onChange(), disabled: !!this.props.disabled }), _jsx("img", { className: "icon", src: icon, alt: this.props.label })] }) }))] }));
+    }
+}
 //# sourceMappingURL=checkBoxLineComponent.js.map

package/lines/color3LineComponent.d.ts

@@ -1,18 +1,18 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
-export interface IColor3LineComponentProps {
-    label: string;
-    target: any;
-    propertyName: string;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    isLinear?: boolean;
-    icon?: string;
-    lockObject: LockObject;
-    iconLabel?: string;
-    onChange?: () => void;
-}
-export declare class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-    render(): JSX.Element;
-}
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { LockObject } from "../tabs/propertyGrids/lockObject";
+export interface IColor3LineComponentProps {
+    label: string;
+    target: any;
+    propertyName: string;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    isLinear?: boolean;
+    icon?: string;
+    lockObject: LockObject;
+    iconLabel?: string;
+    onChange?: () => void;
+}
+export declare class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
+    render(): JSX.Element;
+}

package/lines/color3LineComponent.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { ColorLineComponent } from "./colorLineComponent.js";
-export class Color3LineComponent extends React.Component {
-    render() {
-        const props = this.props;
-        return _jsx(ColorLineComponent, { disableAlpha: true, ...props });
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ColorLineComponent } from "./colorLineComponent.js";
+export class Color3LineComponent extends React.Component {
+    render() {
+        const props = this.props;
+        return _jsx(ColorLineComponent, { disableAlpha: true, ...props });
+    }
+}
 //# sourceMappingURL=color3LineComponent.js.map

package/lines/color4LineComponent.d.ts

@@ -1,18 +1,18 @@
-import * as React from "react";
-import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
-export interface IColor4LineComponentProps {
-    label: string;
-    target?: any;
-    propertyName: string;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    onChange?: () => void;
-    isLinear?: boolean;
-    icon?: string;
-    iconLabel?: string;
-    lockObject: LockObject;
-}
-export declare class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-    render(): JSX.Element;
-}
+import * as React from "react";
+import type { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { LockObject } from "../tabs/propertyGrids/lockObject";
+export interface IColor4LineComponentProps {
+    label: string;
+    target?: any;
+    propertyName: string;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    onChange?: () => void;
+    isLinear?: boolean;
+    icon?: string;
+    iconLabel?: string;
+    lockObject: LockObject;
+}
+export declare class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
+    render(): JSX.Element;
+}

package/lines/color4LineComponent.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { ColorLineComponent } from "./colorLineComponent.js";
-export class Color4LineComponent extends React.Component {
-    render() {
-        const props = this.props;
-        return _jsx(ColorLineComponent, { ...props });
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ColorLineComponent } from "./colorLineComponent.js";
+export class Color4LineComponent extends React.Component {
+    render() {
+        const props = this.props;
+        return _jsx(ColorLineComponent, { ...props });
+    }
+}
 //# sourceMappingURL=color4LineComponent.js.map