@babylonjs/shared-ui-components 5.28.0 → 5.30.0

package/lines/hexLineComponent.js

@@ -1,122 +1,122 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-export class HexLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this._propertyChange = true;
-        const currentValue = this.props.target[this.props.propertyName];
-        this.state = { value: currentValue ? (this.props.isInteger ? currentValue.toFixed(0) : currentValue.toFixed(this.props.digits || 3)) : "0" };
-        this._store = currentValue;
-    }
-    componentWillUnmount() {
-        this.unlock();
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        if (this._localChange) {
-            this._localChange = false;
-            return true;
-        }
-        const newValue = nextProps.target[nextProps.propertyName];
-        const newValueString = newValue ? (this.props.isInteger ? newValue.toFixed(0) : newValue.toFixed(this.props.digits || 3)) : "0";
-        if (newValueString !== nextState.value) {
-            nextState.value = newValueString;
-            return true;
-        }
-        return false;
-    }
-    raiseOnPropertyChanged(newValue, previousValue) {
-        var _a;
-        if (this.props.onChange) {
-            this.props.onChange(newValue);
-        }
-        if (!this.props.onPropertyChangedObservable) {
-            return;
-        }
-        this.props.onPropertyChangedObservable.notifyObservers({
-            object: (_a = this.props.replaySourceReplacement) !== null && _a !== void 0 ? _a : this.props.target,
-            property: this.props.propertyName,
-            value: newValue,
-            initialValue: previousValue,
-        });
-    }
-    convertToHexString(valueString) {
-        while (valueString.length < 10) {
-            valueString += "0";
-        }
-        return valueString;
-    }
-    updateValue(valueString, raisePropertyChanged) {
-        if (valueString.substr(0, 2) != "0x") {
-            if (valueString.substr(0, 1) != "0") {
-                valueString = "0x" + valueString;
-            }
-            else {
-                valueString = "0x" + valueString.substr(1);
-            }
-        }
-        const valueSubstr = valueString.substr(2);
-        if (valueSubstr != "" && /^[0-9A-Fa-f]+$/g.test(valueSubstr) == false) {
-            return;
-        }
-        if (valueString.length > 10) {
-            return;
-        }
-        const valueStringAsHex = this.convertToHexString(valueString);
-        let valueAsNumber;
-        valueAsNumber = parseInt(valueStringAsHex);
-        if (!isNaN(valueAsNumber) && this.props.min !== undefined) {
-            if (valueAsNumber < this.props.min) {
-                valueAsNumber = this.props.min;
-                valueString = valueAsNumber.toString();
-            }
-        }
-        this._localChange = true;
-        if (isNaN(valueAsNumber)) {
-            return;
-        }
-        this.setState({ value: valueString });
-        if (raisePropertyChanged) {
-            this._propertyChange = true;
-            this.props.target[this.props.propertyName] = valueAsNumber;
-            this.raiseOnPropertyChanged(valueAsNumber, this._store);
-        }
-        else {
-            this._propertyChange = false;
-        }
-        this._store = valueAsNumber;
-    }
-    lock() {
-        if (this.props.lockObject) {
-            this.props.lockObject.lock = true;
-        }
-    }
-    unlock() {
-        if (this.props.lockObject) {
-            this.props.lockObject.lock = false;
-        }
-    }
-    render() {
-        let valueAsHex;
-        if (this._propertyChange) {
-            const valueAsNumber = parseInt(this.state.value);
-            valueAsHex = valueAsNumber.toString(16);
-            let hex0String = "";
-            for (let i = 0; i < 8 - valueAsHex.length; i++) {
-                //padding the '0's
-                hex0String += "0";
-            }
-            valueAsHex = "0x" + hex0String + valueAsHex.toUpperCase();
-        }
-        else {
-            valueAsHex = this.state.value;
-        }
-        return (_jsx("div", { children: !this.props.useEuler && (_jsxs("div", { className: this.props.additionalClass ? this.props.additionalClass + " floatLine" : "floatLine", 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: "value", children: _jsx("input", { type: "string", className: "hex-input", value: valueAsHex, onBlur: () => this.unlock(), onFocus: () => this.lock(), onChange: (evt) => this.updateValue(evt.target.value, false), onKeyDown: (evt) => {
-                                if (evt.keyCode !== 13) {
-                                    return;
-                                }
-                                this.updateValue(this.state.value, true);
-                            } }) })] })) }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export class HexLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this._propertyChange = true;
+        const currentValue = this.props.target[this.props.propertyName];
+        this.state = { value: currentValue ? (this.props.isInteger ? currentValue.toFixed(0) : currentValue.toFixed(this.props.digits || 3)) : "0" };
+        this._store = currentValue;
+    }
+    componentWillUnmount() {
+        this.unlock();
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        if (this._localChange) {
+            this._localChange = false;
+            return true;
+        }
+        const newValue = nextProps.target[nextProps.propertyName];
+        const newValueString = newValue ? (this.props.isInteger ? newValue.toFixed(0) : newValue.toFixed(this.props.digits || 3)) : "0";
+        if (newValueString !== nextState.value) {
+            nextState.value = newValueString;
+            return true;
+        }
+        return false;
+    }
+    raiseOnPropertyChanged(newValue, previousValue) {
+        var _a;
+        if (this.props.onChange) {
+            this.props.onChange(newValue);
+        }
+        if (!this.props.onPropertyChangedObservable) {
+            return;
+        }
+        this.props.onPropertyChangedObservable.notifyObservers({
+            object: (_a = this.props.replaySourceReplacement) !== null && _a !== void 0 ? _a : this.props.target,
+            property: this.props.propertyName,
+            value: newValue,
+            initialValue: previousValue,
+        });
+    }
+    convertToHexString(valueString) {
+        while (valueString.length < 10) {
+            valueString += "0";
+        }
+        return valueString;
+    }
+    updateValue(valueString, raisePropertyChanged) {
+        if (valueString.substr(0, 2) != "0x") {
+            if (valueString.substr(0, 1) != "0") {
+                valueString = "0x" + valueString;
+            }
+            else {
+                valueString = "0x" + valueString.substr(1);
+            }
+        }
+        const valueSubstr = valueString.substr(2);
+        if (valueSubstr != "" && /^[0-9A-Fa-f]+$/g.test(valueSubstr) == false) {
+            return;
+        }
+        if (valueString.length > 10) {
+            return;
+        }
+        const valueStringAsHex = this.convertToHexString(valueString);
+        let valueAsNumber;
+        valueAsNumber = parseInt(valueStringAsHex);
+        if (!isNaN(valueAsNumber) && this.props.min !== undefined) {
+            if (valueAsNumber < this.props.min) {
+                valueAsNumber = this.props.min;
+                valueString = valueAsNumber.toString();
+            }
+        }
+        this._localChange = true;
+        if (isNaN(valueAsNumber)) {
+            return;
+        }
+        this.setState({ value: valueString });
+        if (raisePropertyChanged) {
+            this._propertyChange = true;
+            this.props.target[this.props.propertyName] = valueAsNumber;
+            this.raiseOnPropertyChanged(valueAsNumber, this._store);
+        }
+        else {
+            this._propertyChange = false;
+        }
+        this._store = valueAsNumber;
+    }
+    lock() {
+        if (this.props.lockObject) {
+            this.props.lockObject.lock = true;
+        }
+    }
+    unlock() {
+        if (this.props.lockObject) {
+            this.props.lockObject.lock = false;
+        }
+    }
+    render() {
+        let valueAsHex;
+        if (this._propertyChange) {
+            const valueAsNumber = parseInt(this.state.value);
+            valueAsHex = valueAsNumber.toString(16);
+            let hex0String = "";
+            for (let i = 0; i < 8 - valueAsHex.length; i++) {
+                //padding the '0's
+                hex0String += "0";
+            }
+            valueAsHex = "0x" + hex0String + valueAsHex.toUpperCase();
+        }
+        else {
+            valueAsHex = this.state.value;
+        }
+        return (_jsx("div", { children: !this.props.useEuler && (_jsxs("div", { className: this.props.additionalClass ? this.props.additionalClass + " floatLine" : "floatLine", 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: "value", children: _jsx("input", { type: "string", className: "hex-input", value: valueAsHex, onBlur: () => this.unlock(), onFocus: () => this.lock(), onChange: (evt) => this.updateValue(evt.target.value, false), onKeyDown: (evt) => {
+                                if (evt.keyCode !== 13) {
+                                    return;
+                                }
+                                this.updateValue(this.state.value, true);
+                            } }) })] })) }));
+    }
+}
 //# sourceMappingURL=hexLineComponent.js.map

package/lines/iSelectedLineContainer.d.ts

@@ -1,4 +1,4 @@
-export interface ISelectedLineContainer {
-    selectedLineContainerTitles: Array<string>;
-    selectedLineContainerTitlesNoFocus: Array<string>;
-}
+export interface ISelectedLineContainer {
+    selectedLineContainerTitles: Array<string>;
+    selectedLineContainerTitlesNoFocus: Array<string>;
+}

package/lines/iSelectedLineContainer.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=iSelectedLineContainer.js.map

package/lines/iconButtonLineComponent.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-export interface IIconButtonLineComponentProps {
-    icon: string;
-    onClick: () => void;
-    tooltip: string;
-    active?: boolean;
-}
-export declare class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
-    constructor(props: IIconButtonLineComponentProps);
-    render(): JSX.Element;
-}
+import * as React from "react";
+export interface IIconButtonLineComponentProps {
+    icon: string;
+    onClick: () => void;
+    tooltip: string;
+    active?: boolean;
+}
+export declare class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
+    constructor(props: IIconButtonLineComponentProps);
+    render(): JSX.Element;
+}

package/lines/iconButtonLineComponent.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-export class IconButtonLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (_jsx("div", { style: { backgroundColor: this.props.active ? "#111111" : "" }, title: this.props.tooltip, className: `icon ${this.props.icon}`, onClick: () => this.props.onClick() }));
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export class IconButtonLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (_jsx("div", { style: { backgroundColor: this.props.active ? "#111111" : "" }, title: this.props.tooltip, className: `icon ${this.props.icon}`, onClick: () => this.props.onClick() }));
+    }
+}
 //# sourceMappingURL=iconButtonLineComponent.js.map

package/lines/iconComponent.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
-interface IIconComponentProps {
-    icon: string;
-    label?: string;
-}
-export declare class IconComponent extends React.Component<IIconComponentProps> {
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+interface IIconComponentProps {
+    icon: string;
+    label?: string;
+}
+export declare class IconComponent extends React.Component<IIconComponentProps> {
+    render(): JSX.Element;
+}
+export {};

package/lines/iconComponent.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-export class IconComponent extends React.Component {
-    render() {
-        return _jsx("img", { src: this.props.icon, title: this.props.label, alt: this.props.label, color: "black", className: "icon", onDragStart: (evt) => evt.preventDefault() });
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export class IconComponent extends React.Component {
+    render() {
+        return _jsx("img", { src: this.props.icon, title: this.props.label, alt: this.props.label, color: "black", className: "icon", onDragStart: (evt) => evt.preventDefault() });
+    }
+}
 //# sourceMappingURL=iconComponent.js.map

package/lines/indentedTextLineComponent.d.ts

@@ -1,16 +1,16 @@
-import * as React from "react";
-interface IIndentedTextLineComponentProps {
-    value?: string;
-    color?: string;
-    underline?: boolean;
-    onLink?: () => void;
-    url?: string;
-    additionalClass?: string;
-}
-export declare class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
-    constructor(props: IIndentedTextLineComponentProps);
-    onLink(): void;
-    renderContent(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+interface IIndentedTextLineComponentProps {
+    value?: string;
+    color?: string;
+    underline?: boolean;
+    onLink?: () => void;
+    url?: string;
+    additionalClass?: string;
+}
+export declare class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
+    constructor(props: IIndentedTextLineComponentProps);
+    onLink(): void;
+    renderContent(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lines/indentedTextLineComponent.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-export class IndentedTextLineComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    onLink() {
-        if (this.props.url) {
-            window.open(this.props.url, "_blank");
-            return;
-        }
-        if (!this.props.onLink) {
-            return;
-        }
-        this.props.onLink();
-    }
-    renderContent() {
-        if (this.props.onLink || this.props.url) {
-            return (_jsx("div", { className: "link-value", title: this.props.value, onClick: () => this.onLink(), children: this.props.url ? "doc" : this.props.value || "no name" }));
-        }
-        return (_jsx("div", { className: "value", title: this.props.value, style: { color: this.props.color ? this.props.color : "" }, children: this.props.value || "no name" }));
-    }
-    render() {
-        return (_jsx("div", { className: "indented " + (this.props.underline ? "textLine underline" : "textLine" + (this.props.additionalClass ? " " + this.props.additionalClass : "")), children: this.renderContent() }));
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export class IndentedTextLineComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    onLink() {
+        if (this.props.url) {
+            window.open(this.props.url, "_blank");
+            return;
+        }
+        if (!this.props.onLink) {
+            return;
+        }
+        this.props.onLink();
+    }
+    renderContent() {
+        if (this.props.onLink || this.props.url) {
+            return (_jsx("div", { className: "link-value", title: this.props.value, onClick: () => this.onLink(), children: this.props.url ? "doc" : this.props.value || "no name" }));
+        }
+        return (_jsx("div", { className: "value", title: this.props.value, style: { color: this.props.color ? this.props.color : "" }, children: this.props.value || "no name" }));
+    }
+    render() {
+        return (_jsx("div", { className: "indented " + (this.props.underline ? "textLine underline" : "textLine" + (this.props.additionalClass ? " " + this.props.additionalClass : "")), children: this.renderContent() }));
+    }
+}
 //# sourceMappingURL=indentedTextLineComponent.js.map

package/lines/inputArrowsComponent.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
-interface IInputArrowsComponentProps {
-    incrementValue: (amount: number) => void;
-    setDragging: (dragging: boolean) => void;
-}
-export declare class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {
-    private _arrowsRef;
-    private _drag;
-    private _releaseListener;
-    private _lockChangeListener;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+interface IInputArrowsComponentProps {
+    incrementValue: (amount: number) => void;
+    setDragging: (dragging: boolean) => void;
+}
+export declare class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {
+    private _arrowsRef;
+    private _drag;
+    private _releaseListener;
+    private _lockChangeListener;
+    render(): JSX.Element;
+}
+export {};

package/lines/inputArrowsComponent.js

@@ -1,38 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import upArrowIcon from "./valueUpArrowIcon.svg";
-import downArrowIcon from "./valueDownArrowIcon.svg";
-export class InputArrowsComponent extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._arrowsRef = React.createRef();
-        this._drag = (event) => {
-            this.props.incrementValue(-event.movementY);
-        };
-        this._releaseListener = () => {
-            var _a, _b, _c, _d;
-            this.props.setDragging(false);
-            (_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.exitPointerLock();
-            (_b = this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.defaultView.removeEventListener("pointerup", this._releaseListener);
-            (_c = this._arrowsRef.current) === null || _c === void 0 ? void 0 : _c.ownerDocument.removeEventListener("pointerlockchange", this._lockChangeListener);
-            (_d = this._arrowsRef.current) === null || _d === void 0 ? void 0 : _d.ownerDocument.defaultView.removeEventListener("mousemove", this._drag);
-        };
-        this._lockChangeListener = () => {
-            var _a;
-            if (((_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.pointerLockElement) !== this._arrowsRef.current) {
-                this._releaseListener();
-            }
-        };
-    }
-    render() {
-        return (_jsxs("div", { className: "arrows", ref: this._arrowsRef, onPointerDown: () => {
-                var _a, _b, _c, _d;
-                (_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.addEventListener("pointerlockchange", this._lockChangeListener);
-                (_b = this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.defaultView.addEventListener("pointerup", this._releaseListener);
-                (_c = this._arrowsRef.current) === null || _c === void 0 ? void 0 : _c.ownerDocument.defaultView.addEventListener("mousemove", this._drag);
-                this.props.setDragging(true);
-                (_d = this._arrowsRef.current) === null || _d === void 0 ? void 0 : _d.requestPointerLock();
-            }, onDragStart: (evt) => evt.preventDefault(), children: [_jsx("img", { className: "upArrowIcon", src: upArrowIcon, alt: "Increase Value" }), _jsx("img", { className: "downArrowIcon", src: downArrowIcon, alt: "Increase Value" })] }));
-    }
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import upArrowIcon from "./valueUpArrowIcon.svg";
+import downArrowIcon from "./valueDownArrowIcon.svg";
+export class InputArrowsComponent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._arrowsRef = React.createRef();
+        this._drag = (event) => {
+            this.props.incrementValue(-event.movementY);
+        };
+        this._releaseListener = () => {
+            var _a, _b, _c, _d;
+            this.props.setDragging(false);
+            (_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.exitPointerLock();
+            (_b = this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.defaultView.removeEventListener("pointerup", this._releaseListener);
+            (_c = this._arrowsRef.current) === null || _c === void 0 ? void 0 : _c.ownerDocument.removeEventListener("pointerlockchange", this._lockChangeListener);
+            (_d = this._arrowsRef.current) === null || _d === void 0 ? void 0 : _d.ownerDocument.defaultView.removeEventListener("mousemove", this._drag);
+        };
+        this._lockChangeListener = () => {
+            var _a;
+            if (((_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.pointerLockElement) !== this._arrowsRef.current) {
+                this._releaseListener();
+            }
+        };
+    }
+    render() {
+        return (_jsxs("div", { className: "arrows", ref: this._arrowsRef, onPointerDown: () => {
+                var _a, _b, _c, _d;
+                (_a = this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.addEventListener("pointerlockchange", this._lockChangeListener);
+                (_b = this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.defaultView.addEventListener("pointerup", this._releaseListener);
+                (_c = this._arrowsRef.current) === null || _c === void 0 ? void 0 : _c.ownerDocument.defaultView.addEventListener("mousemove", this._drag);
+                this.props.setDragging(true);
+                (_d = this._arrowsRef.current) === null || _d === void 0 ? void 0 : _d.requestPointerLock();
+            }, onDragStart: (evt) => evt.preventDefault(), children: [_jsx("img", { className: "upArrowIcon", src: upArrowIcon, alt: "Increase Value" }), _jsx("img", { className: "downArrowIcon", src: downArrowIcon, alt: "Increase Value" })] }));
+    }
+}
 //# sourceMappingURL=inputArrowsComponent.js.map

package/lines/lineContainerComponent.d.ts

@@ -1,19 +1,19 @@
-import * as React from "react";
-import type { ISelectedLineContainer } from "./iSelectedLineContainer";
-interface ILineContainerComponentProps {
-    selection?: ISelectedLineContainer;
-    title: string;
-    children: any[] | any;
-    closed?: boolean;
-}
-export declare class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
-    isExpanded: boolean;
-    isHighlighted: boolean;
-}> {
-    constructor(props: ILineContainerComponentProps);
-    switchExpandedState(): void;
-    renderHeader(): JSX.Element;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+import type { ISelectedLineContainer } from "./iSelectedLineContainer";
+interface ILineContainerComponentProps {
+    selection?: ISelectedLineContainer;
+    title: string;
+    children: any[] | any;
+    closed?: boolean;
+}
+export declare class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
+    isExpanded: boolean;
+    isHighlighted: boolean;
+}> {
+    constructor(props: ILineContainerComponentProps);
+    switchExpandedState(): void;
+    renderHeader(): JSX.Element;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};