@ni/nimble-components 20.7.0 → 20.9.0

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Wed, 18 Oct 2023 18:25:47 GMT
+   * Generated on Thu, 19 Oct 2023 23:31:18 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -68630,14 +68630,14 @@ img.ProseMirror-separator {
    * The formatter for a number-text column whose format is configured to be 'decimal'.
    */
   class DecimalFormatter extends NumberFormatter {
-      constructor(locale, decimalsToDisplay) {
+      constructor(locale, minimumFractionDigits, maximumFractionDigits) {
           super();
           this.formatter = new Intl.NumberFormat(locale, {
-              maximumFractionDigits: decimalsToDisplay,
-              minimumFractionDigits: decimalsToDisplay,
+              maximumFractionDigits,
+              minimumFractionDigits,
               useGrouping: true
           });
-          this.tenPowDecimalDigits = 10 ** decimalsToDisplay;
+          this.tenPowDecimalDigits = 10 ** maximumFractionDigits;
       }
       format(number) {
           // The NumberFormat option of `signDisplay: "negative"` is not supported in all browsers nimble supports.
@@ -68652,7 +68652,11 @@ img.ProseMirror-separator {
       }
   }
 
-  const numberTextValidityFlagNames = ['invalidDecimalDigits'];
+  const numberTextValidityFlagNames = [
+      'invalidDecimalDigits',
+      'invalidDecimalMaximumDigits',
+      'decimalDigitsMutuallyExclusiveWithDecimalMaximumDigits'
+  ];
   // The maximum and minimum allowed configuration for 'maximumFractionDigits'
   // and 'minimumFractionDigits' on the NumberFormat.
   const minimumValidDecimalDigits = 0;
@@ -68672,6 +68676,22 @@ img.ProseMirror-separator {
               : false;
           this.setConditionValue('invalidDecimalDigits', invalid);
       }
+      validateDecimalMaximumDigits(format, decimalMaximumDigits) {
+          const shouldValidateDecimalDigitsValue = format === NumberTextFormat.decimal
+              && typeof decimalMaximumDigits === 'number';
+          const invalid = shouldValidateDecimalDigitsValue
+              ? this.isInvalidDecimalDigitsValue(decimalMaximumDigits)
+              : false;
+          this.setConditionValue('invalidDecimalMaximumDigits', invalid);
+      }
+      validateNoMutuallyExclusiveProperties(format, decimalDigits, decimalMaximumDigits) {
+          const shouldValidateMutuallyExclusiveProperties = format === NumberTextFormat.decimal;
+          const invalid = shouldValidateMutuallyExclusiveProperties
+              ? typeof decimalDigits === 'number'
+                  && typeof decimalMaximumDigits === 'number'
+              : false;
+          this.setConditionValue('decimalDigitsMutuallyExclusiveWithDecimalMaximumDigits', invalid);
+      }
       isInvalidDecimalDigitsValue(decimalDigits) {
           return (decimalDigits < minimumValidDecimalDigits
               || decimalDigits > maximumValidDecimalDigits);
@@ -68723,8 +68743,13 @@ img.ProseMirror-separator {
       decimalDigitsChanged() {
           this.updateColumnConfig();
       }
+      decimalMaximumDigitsChanged() {
+          this.updateColumnConfig();
+      }
       updateColumnConfig() {
           this.validator.validateDecimalDigits(this.format, this.decimalDigits);
+          this.validator.validateDecimalMaximumDigits(this.format, this.decimalMaximumDigits);
+          this.validator.validateNoMutuallyExclusiveProperties(this.format, this.decimalDigits, this.decimalMaximumDigits);
           if (this.validator.isValid()) {
               const columnConfig = {
                   formatter: this.createFormatter(),
@@ -68737,9 +68762,17 @@ img.ProseMirror-separator {
           }
       }
       createFormatter() {
+          let minimumDigits;
+          let maximumDigits;
           switch (this.format) {
               case NumberTextFormat.decimal:
-                  return new DecimalFormatter(lang$1.getValueFor(this), this.decimalDigits ?? defaultDecimalDigits);
+                  minimumDigits = typeof this.decimalMaximumDigits === 'number'
+                      ? 0
+                      : this.decimalDigits ?? defaultDecimalDigits;
+                  maximumDigits = this.decimalMaximumDigits
+                      ?? this.decimalDigits
+                      ?? defaultDecimalDigits;
+                  return new DecimalFormatter(lang$1.getValueFor(this), minimumDigits, maximumDigits);
               default:
                   return new DefaultFormatter(lang$1.getValueFor(this));
           }
@@ -68751,8 +68784,9 @@ img.ProseMirror-separator {
           if (this.alignment === NumberTextAlignment.right) {
               return TextCellViewBaseAlignment.right;
           }
-          // Look at format to determine the default alignment
-          if (this.format === NumberTextFormat.decimal) {
+          // Look at format and decimal max digits to determine the default alignment
+          if (this.format === NumberTextFormat.decimal
+              && typeof this.decimalMaximumDigits !== 'number') {
               return TextCellViewBaseAlignment.right;
           }
           return TextCellViewBaseAlignment.left;
@@ -68767,6 +68801,12 @@ img.ProseMirror-separator {
   __decorate$1([
       attr({ attribute: 'decimal-digits', converter: nullableNumberConverter })
   ], TableColumnNumberText.prototype, "decimalDigits", void 0);
+  __decorate$1([
+      attr({
+          attribute: 'decimal-maximum-digits',
+          converter: nullableNumberConverter
+      })
+  ], TableColumnNumberText.prototype, "decimalMaximumDigits", void 0);
   const nimbleTableColumnNumberText = TableColumnNumberText.compose({
       baseName: 'table-column-number-text',
       template: template$b,