@ni/nimble-components 20.8.0 → 20.10.0

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 19 Oct 2023 14:45:41 GMT
+   * Generated on Mon, 23 Oct 2023 13:57:47 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -19145,6 +19145,10 @@
       name: 'floppy_disk_checkmark_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.455 5h-1.041l-1.005 1H12v3H4V6h3.782L6.79 5H3.583A.585.585 0 0 0 3 5.598V12.5l1.5 1.497 7.858.003a.602.602 0 0 0 .6-.6L13 5.545A.513.513 0 0 0 12.455 5ZM11 13H8v-2H6v2H5v-3h6Zm2-10.99L9.091 5.9 7 3.79l.919-.89 1.164 1.208L12.128 1.1l.872.91"/></svg>`
   };
+  const floppyDiskPen16X16 = {
+      name: 'floppy_disk_pen_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-2" d="M7.17 11.108 7.299 11H7V9H5v2H4V8h6v.696l1.626-1.386c.107-.09.228-.155.355-.206L12 3.546c0-.33-.215-.546-.545-.546H2.583A.585.585 0 0 0 2 3.598V10.5l1.5 1.497 3.136.001.535-.89ZM3 7V4h8v3H3Z"/><path class="cls-1" d="M12.275 8.07c.218-.185.693-.008 1.205.552.512.56.635 1.038.418 1.223l-.92.784-1.621-1.775.918-.783Zm-4.92 6.113 1.98-.899-.985.164.043-.94-.32.161.104-.652-1.17 1.786.348.38Zm2.212-.645L6 15l1.945-3.236 2.1-1.791 1.622 1.774-2.1 1.79Zm2.862-2.49-1.622-1.774c-.118-.13.148-.349.262-.224l1.623 1.775c.117.128-.15.348-.263.224Zm-.522.452-1.622-1.775c-.118-.129.148-.349.262-.223l1.623 1.774c.117.128-.15.348-.263.224Z"/></svg>`
+  };
   const floppyDiskStarArrowRight16X16 = {
       name: 'floppy_disk_star_arrow_right_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5.5 2.5a1 1 0 1 0-1 1 1 1 0 0 0 1-1Zm7.5.002L9.638.819l.496 1.293H7v.828h3.134L9.638 4.18ZM12.455 5H3.583A.585.585 0 0 0 3 5.598V12.5l1.5 1.497 7.858.003a.602.602 0 0 0 .6-.6L13 5.545A.513.513 0 0 0 12.455 5ZM11 13H8v-2H6v2H5v-3h6Zm1-4H4V6h8Z"/></svg>`
@@ -22571,6 +22575,19 @@
   registerIcon('icon-floppy-disk-checkmark', IconFloppyDiskCheckmark);
   DesignSystem.tagFor(IconFloppyDiskCheckmark);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'floppyDiskPen' icon
+   */
+  class IconFloppyDiskPen extends Icon {
+      constructor() {
+          super(floppyDiskPen16X16);
+      }
+  }
+  registerIcon('icon-floppy-disk-pen', IconFloppyDiskPen);
+  DesignSystem.tagFor(IconFloppyDiskPen);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -68630,14 +68647,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 +68669,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 +68693,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 +68760,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 +68779,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 +68801,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 +68818,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,