@genesislcap/foundation-ui 14.306.2-alpha-9324131.0 → 14.307.0

package/dist/dts/notification-listener/notification-listener.d.ts

@@ -24,13 +24,8 @@ export declare class NotificationListener extends FoundationElement {
      */
     toastButtons: ToastButton[];
     protected dataSub: Subscription;
-    private sessionExpiredSub;
-    private subscribeTimeout?;
     private datasource;
-    private connect;
     connectedCallback(): Promise<void>;
-    subscribeToStream(): Promise<void>;
-    cleanUpResources(): void;
     disconnectedCallback(): void;
     private handleStreamUpdate;
     protected showNotificationToast(row: NotificationDataRow): void;

package/dist/dts/notification-listener/notification-listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-listener.d.ts","sourceRoot":"","sources":["../../../src/notification-listener/notification-listener.ts"],"names":[],"mappings":"AAQA,OAAO,EAIL,mBAAmB,EACnB,WAAW,EAEZ,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIpC,eAAO,MAAM,2CAA2C,EAAE,cAGzD,CAAC;AAEF;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IAC7C,oBAAoB,EAAG,WAAW,CAAC;IAE/C;;;;OAIG;IACmC,YAAY,MAAC;IACnD;;;OAGG;IACuE,YAAY,SAAK;IAC3F;;;OAGG;IACS,YAAY,EAAE,WAAW,EAAE,CAAM;IAE7C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;IAChC,OAAO,CAAC,iBAAiB,CAAe;IACxC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IACtB,OAAO,CAAC,UAAU,CAAa;IAClC,OAAO,CAAC,OAAO,CAAU;IAC5B,iBAAiB;IA2BjB,iBAAiB;IA0BvB,gBAAgB;IAWhB,oBAAoB;IAgBpB,OAAO,CAAC,kBAAkB;IAU1B,SAAS,CAAC,qBAAqB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI;CA2BhE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}
+{"version":3,"file":"notification-listener.d.ts","sourceRoot":"","sources":["../../../src/notification-listener/notification-listener.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,mBAAmB,EACnB,WAAW,EAEZ,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIpC,eAAO,MAAM,2CAA2C,EAAE,cAGzD,CAAC;AAEF;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IAC7C,oBAAoB,EAAG,WAAW,CAAC;IAE/C;;;;OAIG;IACmC,YAAY,MAAC;IACnD;;;OAGG;IACuE,YAAY,SAAK;IAC3F;;;OAGG;IACS,YAAY,EAAE,WAAW,EAAE,CAAM;IAE7C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,UAAU,CAAa;IACrC,iBAAiB;IA8BvB,oBAAoB;IAWpB,OAAO,CAAC,kBAAkB;IAU1B,SAAS,CAAC,qBAAqB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI;CA2BhE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}

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

@@ -10,6 +10,8 @@ export declare class NumberField extends FASTNumberField {
     value: string;
     withFormatting: boolean;
     locale: string;
+    autoStepPrecision: boolean;
+    maximumInputPrecision: number;
     options: Intl.NumberFormatOptions;
     stepUp(): void;
     stepDown(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAOrE;;GAEG;AACH,qBAAa,WAAY,SAAQ,eAAe;IACxC,YAAY,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,mBAAmB;IAKA,QAAQ,EAAE,OAAO,CAAS;IAC/C,KAAK,EAAE,MAAM,CAAM;IACE,cAAc,EAAE,OAAO,CAAS;IACrD,MAAM,EAAE,MAAM,CAAW;IAE/B,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAG/B;IAEF,MAAM,IAAI,IAAI;IAuBd,QAAQ,IAAI,IAAI;IAuBhB,2BAA2B;IAK3B,eAAe,IAAI,IAAI;IAuBvB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IAoC5C,UAAU,IAAI,IAAI;CAsBnB;AAED,eAAO,MAAM,kCAAkC,EAAE,cAGhD,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;CAWpC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,oTAMhC,CAAC"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAgBrE;;GAEG;AACH,qBAAa,WAAY,SAAQ,eAAe;IACxC,YAAY,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,mBAAmB;IAKA,QAAQ,EAAE,OAAO,CAAS;IAC/C,KAAK,EAAE,MAAM,CAAM;IACE,cAAc,EAAE,OAAO,CAAS;IACrD,MAAM,EAAE,MAAM,CAAW;IACJ,iBAAiB,EAAE,OAAO,CAAS;IACxD,qBAAqB,EAAE,MAAM,CAAuB;IAE1D,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAG/B;IAEF,MAAM,IAAI,IAAI;IAuCd,QAAQ,IAAI,IAAI;IA0ChB,2BAA2B;IAK3B,eAAe,IAAI,IAAI;IAiCvB,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IA+C5C,UAAU,IAAI,IAAI;CA0BnB;AAED,eAAO,MAAM,kCAAkC,EAAE,cAGhD,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;CAWpC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,oTAMhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"number-field.template.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAGL,yBAAyB,EACzB,kBAAkB,EAEnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,EAAE,yBAAyB,CACnE,YAAY,CAAC,WAAW,CAAC,EACzB,kBAAkB,CA0EnB,CAAC"}
+{"version":3,"file":"number-field.template.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAGL,yBAAyB,EACzB,kBAAkB,EAEnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,EAAE,yBAAyB,CACnE,YAAY,CAAC,WAAW,CAAC,EACzB,kBAAkB,CA0EnB,CAAC"}

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

@@ -5,7 +5,51 @@ export declare const formatControlValue: (value: string, locale: string) => stri
 export declare const sanitiseInputVal: (inputVal: string, locale: string) => string;
 export declare const toIntlNumberFormat: (value: string, locale: string, options: Intl.NumberFormatOptions) => string;
 export declare const preserveTrailingZerosAfterParse: (value: string, parsedValue: string, locale: string) => string;
-export declare const validateValue: (value: string, locale: string, withFormatting?: boolean) => string;
-export declare const validateInput: (value: string, locale: string) => string;
-export declare const validateMinMax: (value: string, locale: string, withFormatting: boolean, min: number, max: number) => string;
+/**
+ * Validates and formats a value based on locale and precision
+ * @param value - The value to validate and format
+ * @param locale - The locale to use for formatting
+ * @param withFormatting - Whether to use locale-specific formatting
+ * @param precision - The precision to use for formatting
+ * @returns The validated and formatted value
+ */
+export declare const validateValue: (value: string | number, locale: string, withFormatting?: boolean, precision?: number) => string;
+export declare const validateInput: (value: string, locale: string, precision?: number) => string;
+export declare const validateMinMax: (value: string, locale: string, withFormatting: boolean, min: number, max: number, precision?: number) => string;
+/**
+ * Performs high precision addition using Pure JavaScript (NO BigInt needed!)
+ * This is the BEST solution for precision arithmetic
+ * @param a - First number
+ * @param b - Second number
+ * @returns Sum with maintained precision
+ */
+export declare const addWithPrecision: (a: number, b: number) => number;
+/**
+ * Performs high precision subtraction using Pure JavaScript
+ * @param a - First number
+ * @param b - Second number
+ * @returns Difference with maintained precision
+ */
+export declare const subtractWithPrecision: (a: number, b: number) => number;
+/**
+ * Increment a value with precision using direct string manipulation
+ * @param valueString - The value as a string to maintain precision
+ * @param step - The step value to add
+ * @returns The incremented value as a string with preserved precision
+ */
+export declare const incrementWithPrecision: (valueString: string | number, step: number) => string;
+/**
+ * Decrement a value with precision using direct string manipulation
+ * @param valueString - The value as a string to maintain precision
+ * @param step - The step value to subtract
+ * @returns The decremented value as a string with preserved precision
+ */
+export declare const decrementWithPrecision: (valueString: string | number, step: number) => string;
+/**
+ * Calculate auto step precision based on decimal places
+ * Maintains original step calculation for compatibility
+ * @param value - The value to calculate step precision for
+ * @returns The calculated step value
+ */
+export declare const calculateAutoStepPrecision: (value: string | number) => number;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/number-field/utils.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,EACb,QAAQ,MAAM,KACb;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAI5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAWlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,SAAS,IAAI,CAAC,mBAAmB,KAChC,MAEF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,OAAO,MAAM,EACb,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,MA+BF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,wBAAqB,KAAG,MAYpF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAG7D,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,uBAAqB,EACrB,KAAK,MAAM,EACX,KAAK,MAAM,KACV,MAWF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/number-field/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,EACb,QAAQ,MAAM,KACb;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAI5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAWlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,SAAS,IAAI,CAAC,mBAAmB,KAChC,MAEF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,OAAO,MAAM,EACb,aAAa,MAAM,EACnB,QAAQ,MAAM,KACb,MA+BF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,GAAG,MAAM,EACtB,QAAQ,MAAM,EACd,wBAAqB,EACrB,YAAY,MAAM,KACjB,MA8DF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAY,MAAM,KAAG,MAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,uBAAqB,EACrB,KAAK,MAAM,EACX,KAAK,MAAM,EACX,YAAY,MAAM,KACjB,MAaF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyBvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAyB5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MAiDnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,GAAG,MAAM,EAAE,MAAM,MAAM,KAAG,MAiDnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,MA8BnE,CAAC"}

package/dist/esm/notification-listener/notification-listener.js

@@ -1,5 +1,5 @@
 import { __awaiter, __decorate } from "tslib";
-import { Datasource, dataServerResultFilter, Connect, } from '@genesislcap/foundation-comms';
+import { Datasource, dataServerResultFilter, } from '@genesislcap/foundation-comms';
 import { showNotificationToast } from '@genesislcap/foundation-notifications';
 import { NotificationEvent, showNotification, } from '@genesislcap/foundation-notifications';
 import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
@@ -39,69 +39,31 @@ export class NotificationListener extends FoundationElement {
                 showNotification(e.detail, this.tagName, this.notificationListener);
             });
             if (this.resourceName) {
-                // Delay the subscription to the stream by 5 seconds
-                const SUBSCRIPTION_DELAY_MS = 5000;
-                this.subscribeTimeout = window.setTimeout(() => {
-                    this.subscribeToStream();
-                }, SUBSCRIPTION_DELAY_MS);
-            }
-            // Subscribe to session expiration events
-            this.sessionExpiredSub = (_a = this.connect.sessionExpired$) === null || _a === void 0 ? void 0 : _a.subscribe((expired) => {
-                if (expired) {
-                    logger.debug('Session expired detected, cleaning up resources and resubscribing');
-                    this.cleanUpResources();
-                    this.subscribeToStream();
+                const initOK = yield this.datasource.init({
+                    resourceName: this.resourceName,
+                }, true);
+                if (!initOK) {
+                    logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
+                    return;
                 }
-            });
-        });
-    }
-    subscribeToStream() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const initOK = yield this.datasource.init({
-                resourceName: this.resourceName,
-            }, true);
-            if (!initOK) {
-                logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
-                return;
+                this.dataSub = (_a = this.datasource.stream) === null || _a === void 0 ? void 0 : _a.subscribe((result) => {
+                    if (result.ROW && result.SEQUENCE_ID > 1) {
+                        this.handleStreamUpdate(dataServerResultFilter(result));
+                    }
+                });
             }
-            this.dataSub = (_a = this.datasource.stream) === null || _a === void 0 ? void 0 : _a.subscribe((result) => {
-                // if (result.MESSAGE_TYPE === 'LOGOFF_ACK' && result.LOGGED_OUT === true) {
-                //   this.cleanUpResources();
-                //   this.subscribeToStream();
-                //   return;
-                // }
-                if (result.ROW && result.SEQUENCE_ID > 1) {
-                    this.handleStreamUpdate(dataServerResultFilter(result));
-                }
-            });
         });
     }
-    cleanUpResources() {
-        var _a, _b;
-        if (this.dataSub) {
-            (_a = this.dataSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-            delete this.dataSub;
-        }
-        if (this.datasource) {
-            (_b = this.datasource) === null || _b === void 0 ? void 0 : _b.destroy();
-            delete this.datasource;
-        }
-    }
     disconnectedCallback() {
+        var _a, _b;
         super.disconnectedCallback();
         /**
          * Attempt to clean up after ourselves.
          */
-        if (this.subscribeTimeout !== undefined) {
-            window.clearTimeout(this.subscribeTimeout);
-            delete this.subscribeTimeout;
-        }
-        if (this.sessionExpiredSub) {
-            this.sessionExpiredSub.unsubscribe();
-            delete this.sessionExpiredSub;
-        }
-        this.cleanUpResources();
+        (_a = this.dataSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        delete this.dataSub;
+        (_b = this.datasource) === null || _b === void 0 ? void 0 : _b.destroy();
+        delete this.datasource;
     }
     handleStreamUpdate(dataServerResult) {
         const rows = dataServerResult.inserts;
@@ -149,9 +111,6 @@ __decorate([
 __decorate([
     Datasource
 ], NotificationListener.prototype, "datasource", void 0);
-__decorate([
-    Connect
-], NotificationListener.prototype, "connect", void 0);
 /**
  * The Foundation Notification Listener
  *

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

@@ -4,8 +4,9 @@ import { NumberField as FASTNumberField } from '@microsoft/fast-components';
 import { DOM, attr } from '@microsoft/fast-element';
 import { foundationNumberFieldStyles as styles } from './number-field.styles';
 import { foundationNumberFieldTemplate as template } from './number-field.template';
-import { formatControlValue, toIntlNumberFormat, validateInput, validateMinMax } from './utils';
+import { calculateAutoStepPrecision, decrementWithPrecision, formatControlValue, incrementWithPrecision, toIntlNumberFormat, validateInput, validateMinMax, } from './utils';
 const MAX_DECIMAL_PLACES = 3;
+const MAX_INPUT_PRECISION = 12;
 /**
  * @tagname %%prefix%%-number-field
  */
@@ -16,6 +17,8 @@ export class NumberField extends FASTNumberField {
         this.value = '';
         this.withFormatting = false;
         this.locale = 'en-US';
+        this.autoStepPrecision = false;
+        this.maximumInputPrecision = MAX_INPUT_PRECISION;
         this.options = {
             maximumFractionDigits: MAX_DECIMAL_PLACES,
             minimumFractionDigits: 0,
@@ -27,33 +30,60 @@ export class NumberField extends FASTNumberField {
         }
     }
     stepUp() {
-        const value = parseFloat(this.value);
-        const stepUpValue = !isNaN(value)
-            ? value + this.step
-            : this.min > 0
-                ? this.min
-                : this.max < 0
-                    ? this.max
-                    : !this.min
-                        ? this.step
-                        : 0;
-        this.value = stepUpValue.toString();
-        this.control.value = validateMinMax(stepUpValue.toString(), this.locale, this.withFormatting, this.min, this.max);
+        const isValidNumber = /^-?\d*\.?\d+$/.test(this.value) && this.value !== '';
+        if (!isValidNumber) {
+            const stepUpValue = this.min > 0 ? this.min : this.max < 0 ? this.max : !this.min ? this.step : 0;
+            this.value = stepUpValue.toString();
+        }
+        else {
+            let stepValue;
+            if (this.autoStepPrecision) {
+                stepValue = calculateAutoStepPrecision(this.value);
+            }
+            else {
+                stepValue = this.step;
+            }
+            const stepUpValue = incrementWithPrecision(this.value, stepValue);
+            this.value = stepUpValue.toString();
+        }
+        if (this.control) {
+            if (this.min !== undefined || this.max !== undefined) {
+                this.control.value = validateMinMax(this.value, this.locale, this.withFormatting, this.min, this.max, this.maximumInputPrecision);
+            }
+            else {
+                this.control.value = this.value;
+            }
+        }
         this.handleTextInput();
     }
     stepDown() {
-        const value = parseFloat(this.value);
-        const stepDownValue = !isNaN(value)
-            ? value - this.step
-            : this.min > 0
-                ? this.min
-                : this.max < 0
-                    ? this.max
-                    : !this.min
-                        ? 0 - this.step
-                        : 0;
-        this.value = stepDownValue.toString();
-        this.control.value = validateMinMax(stepDownValue.toString(), this.locale, this.withFormatting, this.min, this.max);
+        // Check if the string represents a valid number without losing precision
+        const isValidNumber = /^-?\d*\.?\d+$/.test(this.value) && this.value !== '';
+        if (!isValidNumber) {
+            // Handle invalid value case
+            const stepDownValue = this.min > 0 ? this.min : this.max < 0 ? this.max : !this.min ? 0 - this.step : 0;
+            this.value = stepDownValue.toString();
+        }
+        else {
+            // Use precision-aware decrement
+            let stepValue;
+            if (this.autoStepPrecision) {
+                stepValue = calculateAutoStepPrecision(this.value);
+            }
+            else {
+                stepValue = this.step;
+            }
+            const stepDownValue = decrementWithPrecision(this.value, stepValue);
+            this.value = stepDownValue.toString();
+        }
+        if (this.control) {
+            if (this.min !== undefined || this.max !== undefined) {
+                this.control.value = validateMinMax(this.value, this.locale, this.withFormatting, this.min, this.max, this.maximumInputPrecision);
+            }
+            else {
+                this.control.value = this.value;
+            }
+        }
         this.handleTextInput();
     }
     hasSeparatorWithoutDecimals() {
@@ -61,22 +91,29 @@ export class NumberField extends FASTNumberField {
         return new RegExp(regexString);
     }
     handleTextInput() {
+        if (!this.control)
+            return;
         if (this.control.value === '-' || this.control.value === '-0')
             return;
         this['isUserInput'] = true;
         if (this.withFormatting && !new NumberParser(this.locale).hasSeparator(this.control.value)) {
             DOM.queueUpdate(() => {
-                const validValue = validateInput(this.control.value, this.locale);
+                const validValue = validateInput(this.control.value, this.locale, this.maximumInputPrecision);
                 this.value = validValue;
-                this.control.value = formatControlValue(validValue, this.locale);
+                if (this.control) {
+                    this.control.value = formatControlValue(validValue, this.locale);
+                }
                 this.$emit('input');
             });
         }
         else if (!this.withFormatting &&
             !this.hasSeparatorWithoutDecimals().test(this.control.value)) {
             DOM.queueUpdate(() => {
-                this.control.value = this.control.value.replace(/[^0-9\-+e.]/g, '');
-                this.value = this.control.value;
+                var _a;
+                if (this.control) {
+                    this.control.value = this.control.value.replace(/[^0-9\-+e.]/g, '');
+                }
+                this.value = ((_a = this.control) === null || _a === void 0 ? void 0 : _a.value) || '';
                 this.$emit('input');
             });
         }
@@ -88,37 +125,41 @@ export class NumberField extends FASTNumberField {
         }
         if (next !== undefined && next !== null && next !== previous) {
             if (!this['isUserInput']) {
-                this.value = validateMinMax(this.value, this.locale, false, this.min, this.max);
+                this.value = validateMinMax(this.value, this.locale, false, this.min, this.max, this.maximumInputPrecision);
                 DOM.queueUpdate(() => {
-                    this.control.value =
-                        this.withFormatting && this.value
-                            ? toIntlNumberFormat(this.value, this.locale, this.options)
-                            : this.value;
+                    if (this.control) {
+                        this.control.value =
+                            this.withFormatting && this.value
+                                ? toIntlNumberFormat(this.value, this.locale, this.options)
+                                : this.value;
+                    }
                 });
                 return;
             }
             const value = next;
             DOM.queueUpdate(() => {
-                var _a;
-                if (((_a = this.control) === null || _a === void 0 ? void 0 : _a.value) === '' || this.value === '') {
+                if (!this.control)
+                    return;
+                if (this.control.value === '' || this.value === '') {
                     this.control.value = value;
                     return;
                 }
                 this.control.value = formatControlValue(String(value), this.locale);
                 this.value = this.withFormatting
-                    ? validateInput(this.control.value, this.locale)
+                    ? validateInput(this.control.value, this.locale, this.maximumInputPrecision)
                     : this.control.value;
             });
         }
     }
     handleBlur() {
+        if (!this.control)
+            return;
         this['isUserInput'] = false;
-        const validatedValue = validateMinMax(this.control.value, this.locale, this.withFormatting, this.min, this.max);
-        if (validatedValue && !isNaN(parseFloat(validatedValue))) {
-            this.value = Intl.NumberFormat('en-US', {
-                maximumFractionDigits: this.options.maximumFractionDigits,
-                useGrouping: false,
-            }).format(parseFloat(validatedValue));
+        const validatedValue = validateMinMax(this.control.value, this.locale, this.withFormatting, this.min, this.max, this.maximumInputPrecision);
+        // Preserve precision by avoiding parseFloat
+        if (validatedValue && /^-?\d*\.?\d+$/.test(validatedValue)) {
+            // Use the validated string value directly to preserve precision
+            this.value = validatedValue;
         }
         this.control.value =
             this.withFormatting && this.value
@@ -142,6 +183,12 @@ __decorate([
 __decorate([
     attr
 ], NumberField.prototype, "locale", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], NumberField.prototype, "autoStepPrecision", void 0);
+__decorate([
+    attr
+], NumberField.prototype, "maximumInputPrecision", void 0);
 export const foundationNumberFieldShadowOptions = {
     delegatesFocus: true,
     mode: 'open',