@ni/nimble-components 21.6.7 → 21.7.0

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 23 Feb 2024 22:40:01 GMT
+   * Generated on Wed, 28 Feb 2024 19:19:19 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -19208,6 +19208,10 @@
       name: 'eye_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.856 3.657A7 7 0 0 0 1 8.001a7.59 7.59 0 0 0 7.146 4.342A7 7 0 0 0 15 8a7.59 7.59 0 0 0-7.144-4.344m-1.199 7.289A5.11 5.11 0 0 1 2.443 8s.665-2.585 4.33-3.037a2.8 2.8 0 0 0-1.414 1.223l2.787 1.22H4.977a3.5 3.5 0 0 0-.053.576 3.35 3.35 0 0 0 1.734 2.962m2.85.02a3.4 3.4 0 0 0 .107-5.908 5 5 0 0 1 3.942 2.944s-.603 2.44-4.05 2.963" class="cls-1"/></svg>`
   };
+  const eyeDash16X16 = {
+      name: 'eye_dash_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5.832 3.902a9.5 9.5 0 0 1 2.024-.245c3.264.09 5.676 1.427 7.144 4.344-.543 1.222-1.279 2.157-2.173 2.852l-.83-.825c1.277-.888 1.56-2.027 1.56-2.027a5 5 0 0 0-3.942-2.944 3.36 3.36 0 0 1 1.664 2.926 3.3 3.3 0 0 1-.196 1.137zm-.674 3.505h-.18q-.052.286-.054.576a3.35 3.35 0 0 0 1.734 2.962 5.11 5.11 0 0 1-4.215-2.944s.252-.981 1.303-1.84c.029-.024.067-.046.097-.069l-.828-.828C2.19 5.947 1.512 6.849 1 8c1.469 2.916 3.882 4.252 7.146 4.342a9.7 9.7 0 0 0 1.754-.194zm-1.77-4.733-.708.708 9.9 9.9.707-.708z" class="cls-1"/></svg>`
+  };
   const fancyA16X16 = {
       name: 'fancy_a_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.597 9.844H7.865A7.5 7.5 0 0 1 6.19 11.96a3.32 3.32 0 0 1-2.042.667 2.84 2.84 0 0 1-1.964-.753L2 11.706l1.153-1.152.157.251a1.35 1.35 0 0 0 1.2.716 1.98 1.98 0 0 0 1.385-.625 11.6 11.6 0 0 0 1.722-2.403l2.252-3.88a8 8 0 0 0-.679-.037 2.37 2.37 0 0 0-1.66.54 1.97 1.97 0 0 0-.556 1.51V6.7l-.067.106-1.564.762.045-.423a3.85 3.85 0 0 1 .645-1.874 3.3 3.3 0 0 1 1.34-1.177 6.7 6.7 0 0 1 2.208-.443c.127 0 .277-.013.471-.029l.369-.03 1.387-.257.087 2.154.33 3.886a4.9 4.9 0 0 0 .29 1.701.5.5 0 0 0 .528.31c.057 0 .277 0 .641-.03L14 11.33l-.172.83-3.003.506Zm-.086-.896-.275-3.22-1.855 3.22Z" class="cls-1"/></svg>`
@@ -19296,6 +19300,10 @@
       name: 'home_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.988 2 2.5 9H4v5h3v-3h2v3h3V9h1.5z" class="cls-1"/></svg>`
   };
+  const horizontalTriangleOutline16X16 = {
+      name: 'horizontal_triangle_outline_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.05 2v12l11.4-6zM4 5.313 9.156 8 4 10.688z" class="cls-1"/></svg>`
+  };
   const hourglass16X16 = {
       name: 'hourglass_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.774 13.4h-.047v-.49h-.404a2.5 2.5 0 0 0 .355-1.258c0-1.826-2.083-2.886-2.083-3.652s2.083-1.826 2.083-3.652a2.5 2.5 0 0 0-.355-1.257h.404V2.6h.047a.556.556 0 0 0 .499-.6H4.727a.556.556 0 0 0 .499.6h.047v.49h.404a2.5 2.5 0 0 0-.355 1.258c0 1.826 2.083 2.87 2.083 3.652s-2.083 1.826-2.083 3.652a2.5 2.5 0 0 0 .355 1.257h-.404v.491h-.047a.556.556 0 0 0-.499.6h6.546a.556.556 0 0 0-.499-.6M8 12.957c-1.565 0-1.975-.585-1.975-1.305a7.2 7.2 0 0 1 1.723-.656c.268 0 .289-3.513 0-3.779l-.988-1h2.454l-.962 1c-.268.286-.275 3.779 0 3.779a7.7 7.7 0 0 1 1.738.656c0 .72-.409 1.305-1.99 1.305" class="cls-1"/></svg>`
@@ -19316,6 +19324,10 @@
       name: 'info_circle_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2a6 6 0 1 0 6 6 6 6 0 0 0-6-6m-.697 2.28a.95.95 0 0 1 1.35 0 .93.93 0 0 1 .276.675.952.952 0 0 1-1.905 0 .92.92 0 0 1 .279-.674M9.7 12H6.3v-1.264h.833V7.777H6.3V6.513h2.584v4.223H9.7Z" class="cls-1"/></svg>`
   };
+  const inwardSquaresThree16X16 = {
+      name: 'inward_squares_three_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 10h2v2H4zm-1 3h1v-1H3zm7-7H6v4h4zM3 3v4h2V5h6v6H9v2h4V3z" class="cls-1"/></svg>`
+  };
   const italicI16X16 = {
       name: 'italic_i_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><path d="M8.99 13.802H4.38l.258-1.133h1.523l2.17-9.367H6.808l.258-1.133h4.61l-.258 1.133H9.895l-2.17 9.367h1.523z"/></svg>`
@@ -19396,6 +19408,10 @@
       name: 'outdent_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m7.5 12.5-1-2.5 1-2.5-5 2.5zM2 3h12v2H2zM9 7h5v2H9zM9 11h5v2H9z" class="cls-1"/></svg>`
   };
+  const outwardSquaresThree16X16 = {
+      name: 'outward_squares_three_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9 9H7V7h2zm-6 4h4V9H3zM3 3v4h2V5h6v6H9v2h4V3zm7 3H9v1h1z" class="cls-1"/></svg>`
+  };
   const paste16X16 = {
       name: 'paste_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9 5V3H3v6h2v1H2V2h8v3ZM6 6v8h8V6Z" class="cls-1"/></svg>`
@@ -19462,7 +19478,7 @@
   };
   const skipArrow16X16 = {
       name: 'skip_arrow_16_x_16',
-      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.002 8.29 2 12.304v-8.01ZM14 2h-2v12h2Z" class="cls-1"/></svg>`
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14 2h-2v12h2zm-4 6.5-8 4v-8z" class="cls-1"/></svg>`
   };
   const spinner = {
       name: 'spinner',
@@ -19476,6 +19492,10 @@
       name: 'square_t_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 2v12h12V2Zm9.033 4.199-.016-.076a2.34 2.34 0 0 0-.497-1.18 2.1 2.1 0 0 0-1.281-.26h-.56v5.941c0 .552.11.718.176.768a1.8 1.8 0 0 0 .88.196l.09.006V12H6.193v-.405l.09-.007c.59-.046.8-.144.87-.218.06-.06.158-.255.158-.884V4.683h-.565a2.2 2.2 0 0 0-1.274.262 2 2 0 0 0-.498 1.174l-.015.08H4.49L4.565 4h6.859l.07 2.199Z" class="cls-1"/></svg>`
   };
+  const squareX16X16 = {
+      name: 'square_x_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 3v10h10V3zm8 7.01-.99.99L8 8.99 5.99 11 5 10.01 7.01 8 5 5.99 5.99 5 8 7.01 10.01 5l.99.99L8.99 8z" class="cls-1"/></svg>`
+  };
   const stopSquare16X16 = {
       name: 'stop_square_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3 3h10v10H3z" class="cls-1"/></svg>`
@@ -19508,6 +19528,10 @@
       name: 'target_crosshairs_progress_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15 7v2h-2.1A5 5 0 0 1 9 12.9V15H7v-2.108a4.99 4.99 0 0 1-3.898-3.985l-1.52.583 2.003-4 1.998 4L4.11 8.9A3.999 3.999 0 1 0 7 4.13V1h2v2.1A5 5 0 0 1 12.9 7Zm-5 1.01a2 2 0 1 1-2-2 2 2 0 0 1 2 2" class="cls-1"/></svg>`
   };
+  const threeCirclesAscendingContainer16X16 = {
+      name: 'three_circles_ascending_container_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12 4H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M4 8.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5m3 .5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m4 .5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5" class="cls-1"/></svg>`
+  };
   const threeDotsLine16X16 = {
       name: 'three_dots_line_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 6.5A1.5 1.5 0 1 1 6.5 8 1.5 1.5 0 0 1 8 6.5M.5 8A1.5 1.5 0 1 0 2 6.5 1.5 1.5 0 0 0 .5 8m12 0A1.5 1.5 0 1 0 14 6.5 1.5 1.5 0 0 0 12.5 8" class="cls-1"/></svg>`
@@ -22763,6 +22787,18 @@
   }
   registerIcon('icon-eye', IconEye);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'eyeDash' icon
+   */
+  class IconEyeDash extends Icon {
+      constructor() {
+          super(eyeDash16X16);
+      }
+  }
+  registerIcon('icon-eye-dash', IconEyeDash);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23027,6 +23063,18 @@
   }
   registerIcon('icon-home', IconHome);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'horizontalTriangleOutline' icon
+   */
+  class IconHorizontalTriangleOutline extends Icon {
+      constructor() {
+          super(horizontalTriangleOutline16X16);
+      }
+  }
+  registerIcon('icon-horizontal-triangle-outline', IconHorizontalTriangleOutline);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23075,6 +23123,18 @@
   }
   registerIcon('icon-info-circle', IconInfoCircle);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'inwardSquaresThree' icon
+   */
+  class IconInwardSquaresThree extends Icon {
+      constructor() {
+          super(inwardSquaresThree16X16);
+      }
+  }
+  registerIcon('icon-inward-squares-three', IconInwardSquaresThree);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23320,6 +23380,18 @@
   }
   registerIcon('icon-outdent', IconOutdent);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'outwardSquaresThree' icon
+   */
+  class IconOutwardSquaresThree extends Icon {
+      constructor() {
+          super(outwardSquaresThree16X16);
+      }
+  }
+  registerIcon('icon-outward-squares-three', IconOutwardSquaresThree);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23560,6 +23632,18 @@
   }
   registerIcon('icon-square-t', IconSquareT);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'squareX' icon
+   */
+  class IconSquareX extends Icon {
+      constructor() {
+          super(squareX16X16);
+      }
+  }
+  registerIcon('icon-square-x', IconSquareX);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -23656,6 +23740,18 @@
   }
   registerIcon('icon-target-crosshairs-progress', IconTargetCrosshairsProgress);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'threeCirclesAscendingContainer' icon
+   */
+  class IconThreeCirclesAscendingContainer extends Icon {
+      constructor() {
+          super(threeCirclesAscendingContainer16X16);
+      }
+  }
+  registerIcon('icon-three-circles-ascending-container', IconThreeCirclesAscendingContainer);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -68468,6 +68564,10 @@ img.ProseMirror-separator {
   }
   const passthroughUnitScale = new PassthroughUnitScale();
 
+  // Workaround to avoid ts errors about signDisplay not accepting the value 'negative'.
+  // It has been supported by browsers since 8/23, but TypeScript still hasn't
+  // added it to the type definitions. See https://github.com/microsoft/TypeScript/issues/56269
+  const signDisplay = 'negative';
   /**
    * Format for numbers with units to show in a tabular form.
    * Large and tiny numbers are shown exponentially and the rest as decimal.
@@ -68477,35 +68577,26 @@ img.ProseMirror-separator {
           unitScale: passthroughUnitScale
       }) {
           super();
-          // Format options to use by default. It renders the number with a maximum of 6 signficant digits.
+          // Format options to use by default. It renders the number with a maximum of 6 signficant digits (including zero before decimal point).
           this.defaultIntlNumberFormatOptions = {
               maximumSignificantDigits: DefaultUnitFormat.maximumDigits,
-              useGrouping: true
-          };
-          this.defaultScaledUnitFormatters = new Map();
-          // Format options to use for numbers that have leading zeros. It limits the number of rendered
-          // digits using 'maximumFractionDigits', which will result in less than 6 significant digits
-          // in order to render no more than 6 total digits.
-          this.leadingZeroIntlNumberFormatOptions = {
               maximumFractionDigits: DefaultUnitFormat.maximumDigits - 1,
-              useGrouping: true
+              roundingPriority: 'lessPrecision',
+              signDisplay
           };
-          this.leadingZeroScaledUnitFormatters = new Map();
+          this.defaultScaledUnitFormatters = new Map();
           // Format options for numbers that should be displayed in exponential notation. This should be used
           // for numbers with magintudes over 'exponentialUpperBound' or under 'exponentialLowerBound'.
           this.exponentialIntlNumberFormatOptions = {
               maximumSignificantDigits: DefaultUnitFormat.maximumDigits,
-              notation: 'scientific'
+              notation: 'scientific',
+              signDisplay
           };
           for (const unit of unitScale.supportedScaledUnits) {
               this.defaultScaledUnitFormatters.set(unit.scaleFactor, unit.scaledUnitFormatFactory({
                   locale,
                   intlNumberFormatOptions: this.defaultIntlNumberFormatOptions
               }));
-              this.leadingZeroScaledUnitFormatters.set(unit.scaleFactor, unit.scaledUnitFormatFactory({
-                  locale,
-                  intlNumberFormatOptions: this.leadingZeroIntlNumberFormatOptions
-              }));
           }
           this.exponentialScaledUnitFormatter = unitScale.baseScaledUnit.scaledUnitFormatFactory({
               locale,
@@ -68519,43 +68610,16 @@ img.ProseMirror-separator {
           };
       }
       tryFormat(number) {
-          // Normalize +0 / -0 --> +0
-          const numberNormalized = number === 0 ? 0 : number;
-          const { scaledValue, scaledUnit } = this.unitScale.scaleNumber(numberNormalized);
-          const numberStyle = this.resolveNumberStyle(scaledValue);
-          switch (numberStyle) {
-              case 'default': {
-                  const scaledUnitFormatter = this.defaultScaledUnitFormatters.get(scaledUnit.scaleFactor);
-                  return scaledUnitFormatter.format(scaledValue);
-              }
-              case 'leadingZero': {
-                  const scaledUnitFormatter = this.leadingZeroScaledUnitFormatters.get(scaledUnit.scaleFactor);
-                  return scaledUnitFormatter.format(scaledValue);
-              }
-              case 'exponential': {
-                  const scaledUnitFormatter = this.exponentialScaledUnitFormatter;
-                  return scaledUnitFormatter.format(numberNormalized);
-              }
-              default:
-                  throw new Error('Unexpected number format style');
-          }
-      }
-      resolveNumberStyle(number) {
-          if (number === 0) {
-              return 'default';
-          }
-          const absoluteValue = Math.abs(number);
-          if (absoluteValue >= DefaultUnitFormat.exponentialUpperBound
-              || absoluteValue < DefaultUnitFormat.exponentialLowerBound) {
-              return 'exponential';
-          }
-          // Ideally, we could set 'roundingPriority: "lessPrecision"' with a formatter that has both 'maximumSignificantDigits' and
-          // 'maximumFractionDigits' configured instead of having two different formatters that we conditionally choose between. However,
-          // 'roundingPrioirty' is not supported yet in all browsers.
-          if (absoluteValue < 1) {
-              return 'leadingZero';
-          }
-          return 'default';
+          const { scaledValue, scaledUnit } = this.unitScale.scaleNumber(number);
+          const absoluteValue = Math.abs(scaledValue);
+          const useExponential = absoluteValue !== 0
+              && (absoluteValue >= DefaultUnitFormat.exponentialUpperBound
+                  || absoluteValue < DefaultUnitFormat.exponentialLowerBound);
+          return useExponential
+              ? this.exponentialScaledUnitFormatter.format(number)
+              : this.defaultScaledUnitFormatters
+                  .get(scaledUnit.scaleFactor)
+                  .format(scaledValue);
       }
   }
   // The maximum number of digits that should be rendered for any given value.
@@ -68579,10 +68643,14 @@ img.ProseMirror-separator {
       }) {
           super();
           this.scaledUnitFormatters = new Map();
+          // Workaround to avoid a ts error about signDisplay not accepting the value 'negative'.
+          // It has been supported by browsers since 8/23, but TypeScript still hasn't
+          // added it to the type definitions. See https://github.com/microsoft/TypeScript/issues/56269
+          const signDisplay = 'negative';
           const intlNumberFormatOptions = {
               maximumFractionDigits,
               minimumFractionDigits,
-              useGrouping: true
+              signDisplay
           };
           for (const scaledUnit of unitScale.supportedScaledUnits) {
               this.scaledUnitFormatters.set(scaledUnit.scaleFactor, scaledUnit.scaledUnitFormatFactory({
@@ -68590,7 +68658,6 @@ img.ProseMirror-separator {
                   intlNumberFormatOptions
               }));
           }
-          this.tenPowDecimalDigits = 10 ** maximumFractionDigits;
           this.unitScale = unitScale;
           this.minimumFractionDigits = minimumFractionDigits;
           this.maximumFractionDigits = maximumFractionDigits;
@@ -68604,16 +68671,8 @@ img.ProseMirror-separator {
       }
       tryFormat(number) {
           const { scaledValue, scaledUnit } = this.unitScale.scaleNumber(number);
-          const numberNormalized = this.willRoundToZero(scaledValue)
-              ? 0
-              : scaledValue;
           const scaledUnitFormatter = this.scaledUnitFormatters.get(scaledUnit.scaleFactor);
-          return scaledUnitFormatter.format(numberNormalized);
-      }
-      willRoundToZero(number) {
-          // Multiply the value by 10 raised to maximumFractionDigits so that Math.round can be used to emulate rounding to
-          // maximumFractionDigits decimal places. If that rounded value is 0, then the value will be rendered with only 0s.
-          return Math.round(number * this.tenPowDecimalDigits) === 0;
+          return scaledUnitFormatter.format(scaledValue);
       }
   }