@babylonjs/gui-editor 5.14.0 → 5.14.1

package/dist/babylon.guiEditor.max.js

@@ -49729,7 +49729,12 @@ class HexColor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
         }
         this.setState({ hex: valueString });
         if (valueString.length !== this.props.expectedLength) {
-            return;
+            if (this.props.expectedLength === 8 && valueString.length === 6) {
+                valueString = valueString + "FF";
+            }
+            else {
+                return;
+            }
         }
         this.props.onChange("#" + valueString);
     }
@@ -50902,7 +50907,7 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
         }
         return 0;
     }
-    updateValue(value) {
+    updateValue(value, valueToValidate) {
         if (this.props.numbersOnly) {
             if (/[^0-9.\p\x%-]/g.test(value)) {
                 return;
@@ -50930,8 +50935,8 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
         }
         this._localChange = true;
         const store = this.props.value !== undefined ? this.props.value : this.props.target[this.props.propertyName];
-        if (this.props.validator) {
-            if (this.props.validator(value) == false) {
+        if (this.props.validator && valueToValidate) {
+            if (this.props.validator(valueToValidate) == false) {
                 value = store;
             }
         }
@@ -50978,15 +50983,15 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
                             }
                             this.updateValue(this.state.value);
                         }, onBlur: (evt) => {
-                            this.updateValue(evt.target.value);
+                            this.updateValue(evt.target.value, evt.target.value);
                             if (this.props.lockObject) {
                                 this.props.lockObject.lock = false;
                             }
-                        } }) })), !this.props.multilines && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: `value${this.props.noUnderline === true ? " noUnderline" : ""}${this.props.arrows ? " hasArrows" : ""}${this.state.dragging ? " dragging" : ""}` }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { value: value, onBlur: () => {
+                        } }) })), !this.props.multilines && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: `value${this.props.noUnderline === true ? " noUnderline" : ""}${this.props.arrows ? " hasArrows" : ""}${this.state.dragging ? " dragging" : ""}` }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { value: value, onBlur: (evt) => {
                                 if (this.props.lockObject) {
                                     this.props.lockObject.lock = false;
                                 }
-                                this.updateValue((this.props.value !== undefined ? this.props.value : this.props.target[this.props.propertyName]) || "");
+                                this.updateValue((this.props.value !== undefined ? this.props.value : this.props.target[this.props.propertyName]) || "", evt.target.value);
                             }, onFocus: () => {
                                 if (this.props.lockObject) {
                                     this.props.lockObject.lock = true;