@codetectonics/mantle 1.0.12 → 1.0.13

package/fesm2022/codetectonics-mantle.mjs

@@ -2165,35 +2165,63 @@ class NumberInputComponent {
     registerOnChange(fn) { this.onChange = fn; }
     registerOnTouched(fn) { this.onTouched = fn; }
     ngOnChanges() { }
+    /**
+     * Utility: safely coerce input into number or null
+     */
+    coerceToNumber(value) {
+        if (value === null || value === undefined)
+            return null;
+        if (typeof value === 'number' && !isNaN(value))
+            return value;
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            if (trimmed === '')
+                return null;
+            // Match valid numeric string: -12, 3.14, 0, -0.5, 1e5
+            if (/^-?\d+(\.\d+)?([eE][-+]?\d+)?$/.test(trimmed)) {
+                const n = Number(trimmed);
+                return Number.isFinite(n) ? n : null;
+            }
+            return null; // treat non-numeric strings as null
+        }
+        return null;
+    }
     writeValue(newValue) {
+        newValue = this.coerceToNumber(newValue);
         this.value = newValue;
         this.onChange(newValue);
     }
     onValueChanged(event) {
+        this.value = this.coerceToNumber(this.value);
         this.onChange(this.value);
     }
     validate(control) {
-        if (control.value === null) {
+        const val = this.coerceToNumber(control.value);
+        // Replace invalid values in form control with null
+        if (val === null) {
             this.errorMessage = this.error;
             return null;
         }
-        let errors = {};
-        if (this.options.min && control.value < this.options.min)
+        const errors = {};
+        if (this.options.min !== undefined && val < this.options.min) {
             errors.min = `must be greater than or equal to ${this.options.min}`;
-        if (this.options.max && control.value > this.options.max)
+        }
+        if (this.options.max !== undefined && val > this.options.max) {
             errors.max = `must be lower than or equal to ${this.options.max}`;
-        if (this.options.decimal_places) {
-            if (this.options.decimal_places == 0) {
-                if ((control.value - Math.floor(control.value)) !== 0)
-                    errors.decimal_places = 'cannot be a decimal';
-            }
-            else {
-                if ((control.value - control.value.toFixed(2)) !== 0)
-                    errors.decimal_places = `must have a maximum of ${this.options.decimal_places} decimal places`;
+        }
+        if (this.options.decimal_places !== undefined) {
+            const factor = Math.pow(10, this.options.decimal_places);
+            if (Math.round(val * factor) / factor !== val) {
+                errors.decimal_places =
+                    this.options.decimal_places === 0
+                        ? 'cannot be a decimal'
+                        : `must have a maximum of ${this.options.decimal_places} decimal places`;
             }
         }
-        this.errorMessage = [...[this.error], ...Object.values(errors)].filter(item => { return !!item; }).join(', ');
-        return errors ? errors : null;
+        this.errorMessage = [this.error, ...Object.values(errors)]
+            .filter(Boolean)
+            .join(', ');
+        return Object.keys(errors).length > 0 ? errors : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: NumberInputComponent, isStandalone: false, selector: "mantle-number-input", inputs: { label: "label", tooltip: "tooltip", options: "options", disable: "disable", required: "required", error: "error" }, providers: [