@ni/fast-foundation 10.0.1 → 10.1.0

package/dist/dts/number-field/number-field.d.ts

@@ -216,6 +216,20 @@ export declare class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleBlur(): void;
+    /**
+     * Sanitizes the text input by the user.
+     * @param inputText The user-input text to sanitize
+     * @returns The sanitized text, containing only valid characters for a number field
+     */
+    protected sanitizeInput(inputText: string): string;
+    /**
+     * Synchronizes the value from the input control in the shadow DOM to the host component.
+     */
+    protected syncValueFromInnerControl(): void;
+    /**
+     * Synchronizes the value from the host component to the input control in the shadow DOM.
+     */
+    protected syncValueToInnerControl(): void;
 }
 /**
  * Mark internal because exporting class and interface of the same name

package/dist/esm/number-field/number-field.js

@@ -106,7 +106,7 @@ export class NumberField extends FormAssociatedNumberField {
             return;
         }
         if (this.control && !this.isUserInput) {
-            this.control.value = this.value;
+            this.syncValueToInnerControl();
         }
         super.valueChanged(previous, this.value);
         if (previous !== undefined && !this.isUserInput) {
@@ -181,7 +181,7 @@ export class NumberField extends FormAssociatedNumberField {
         super.connectedCallback();
         this.proxy.setAttribute("type", "number");
         this.validate();
-        this.control.value = this.value;
+        this.syncValueToInnerControl();
         if (this.autofocus) {
             DOM.queueUpdate(() => {
                 this.focus();
@@ -208,9 +208,9 @@ export class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleTextInput() {
-        this.control.value = this.control.value.replace(/[^0-9\-+e.]/g, "");
+        this.control.value = this.sanitizeInput(this.control.value);
         this.isUserInput = true;
-        this.value = this.control.value;
+        this.syncValueFromInnerControl();
     }
     /**
      * Change event handler for inner control.
@@ -246,6 +246,26 @@ export class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleBlur() {
+        this.syncValueToInnerControl();
+    }
+    /**
+     * Sanitizes the text input by the user.
+     * @param inputText The user-input text to sanitize
+     * @returns The sanitized text, containing only valid characters for a number field
+     */
+    sanitizeInput(inputText) {
+        return inputText.replace(/[^0-9\-+e.]/g, "");
+    }
+    /**
+     * Synchronizes the value from the input control in the shadow DOM to the host component.
+     */
+    syncValueFromInnerControl() {
+        this.value = this.control.value;
+    }
+    /**
+     * Synchronizes the value from the host component to the input control in the shadow DOM.
+     */
+    syncValueToInnerControl() {
         this.control.value = this.value;
     }
 }

package/dist/fast-foundation.d.ts

@@ -6152,6 +6152,20 @@ export declare class NumberField extends FormAssociatedNumberField {
      * @internal
      */
     handleBlur(): void;
+    /**
+     * Sanitizes the text input by the user.
+     * @param inputText The user-input text to sanitize
+     * @returns The sanitized text, containing only valid characters for a number field
+     */
+    protected sanitizeInput(inputText: string): string;
+    /**
+     * Synchronizes the value from the input control in the shadow DOM to the host component.
+     */
+    protected syncValueFromInnerControl(): void;
+    /**
+     * Synchronizes the value from the host component to the input control in the shadow DOM.
+     */
+    protected syncValueToInnerControl(): void;
 }
 
 /**