@ni/nimble-components 20.1.21 → 20.2.0

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 01 Sep 2023 05:37:36 GMT
+   * Generated on Fri, 01 Sep 2023 19:18:16 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16679,6 +16679,45 @@
     }
 `;
 
+  /**
+   * Observable class to subscribe to changes in the page's lang attribute
+   */
+  class DocumentElementLang {
+      constructor() {
+          this.lang = document.documentElement.lang;
+          const observer = new MutationObserver(mutations => {
+              for (const mutation of mutations) {
+                  if (mutation.type === 'attributes'
+                      && mutation.attributeName === 'lang') {
+                      this.lang = mutation.target.lang;
+                  }
+              }
+          });
+          observer.observe(document.documentElement, {
+              attributeFilter: ['lang']
+          });
+      }
+  }
+  __decorate$1([
+      observable
+  ], DocumentElementLang.prototype, "lang", void 0);
+  const documentElementLang = new DocumentElementLang();
+
+  function isValidLang(value) {
+      try {
+          // We are relying on the Locale constructor to validate the value
+          // eslint-disable-next-line no-new
+          new Intl.Locale(value);
+          return true;
+      }
+      catch (e) {
+          return false;
+      }
+  }
+  const lang$1 = DesignToken.create({
+      name: 'lang',
+      cssCustomPropertyName: null
+  }).withDefault(() => (isValidLang(documentElementLang.lang) ? documentElementLang.lang : 'en-US'));
   // Not represented as a CSS Custom Property, instead available
   // as an attribute of theme provider.
   const direction = DesignToken.create({
@@ -16697,8 +16736,31 @@
   class ThemeProvider extends FoundationElement {
       constructor() {
           super(...arguments);
-          this.direction = Direction.ltr;
           this.theme = Theme.light;
+          this.langIsInvalid = false;
+      }
+      get validity() {
+          return {
+              invalidLang: this.langIsInvalid
+          };
+      }
+      checkValidity() {
+          return !this.langIsInvalid;
+      }
+      langChanged(_prev, next) {
+          if (next === null || next === undefined) {
+              lang$1.deleteValueFor(this);
+              this.langIsInvalid = false;
+              return;
+          }
+          if (isValidLang(next)) {
+              lang$1.setValueFor(this, next);
+              this.langIsInvalid = false;
+          }
+          else {
+              lang$1.deleteValueFor(this);
+              this.langIsInvalid = true;
+          }
       }
       directionChanged(_prev, next) {
           if (next !== undefined && next !== null) {
@@ -16718,14 +16780,13 @@
       }
   }
   __decorate$1([
-      attr({
-          attribute: 'direction'
-      })
+      attr()
+  ], ThemeProvider.prototype, "lang", void 0);
+  __decorate$1([
+      attr()
   ], ThemeProvider.prototype, "direction", void 0);
   __decorate$1([
-      attr({
-          attribute: 'theme'
-      })
+      attr()
   ], ThemeProvider.prototype, "theme", void 0);
   const nimbleDesignSystemProvider = ThemeProvider.compose({
       baseName: 'theme-provider',
@@ -65148,11 +65209,21 @@ img.ProseMirror-separator {
           super(...arguments);
           /** @internal */
           this.validator = new TableColumnDateTextValidator(this.columnInternals);
+          this.langSubscriber = {
+              handleChange: () => {
+                  this.updateColumnConfig();
+              }
+          };
       }
       connectedCallback() {
           super.connectedCallback();
+          lang$1.subscribe(this.langSubscriber, this);
           this.updateColumnConfig();
       }
+      disconnectedCallback() {
+          super.disconnectedCallback();
+          lang$1.unsubscribe(this.langSubscriber, this);
+      }
       get validity() {
           return this.validator.getValidity();
       }
@@ -65251,7 +65322,7 @@ img.ProseMirror-separator {
               options = this.getCustomFormattingOptions();
           }
           try {
-              return new Intl.DateTimeFormat(undefined, options);
+              return new Intl.DateTimeFormat(lang$1.getValueFor(this), options);
           }
           catch (e) {
               return undefined;
@@ -71650,7 +71721,7 @@ img.ProseMirror-separator {
     return initRange.apply(scale, arguments);
   }
 
-  const WaferMapQuadrant = {
+  const WaferMapOriginLocation = {
       bottomLeft: 'bottom-left',
       bottomRight: 'bottom-right',
       topLeft: 'top-left',
@@ -71732,12 +71803,12 @@ img.ProseMirror-separator {
           const containerDiameter = Math.min(this._containerDimensions.width, this._containerDimensions.height);
           const gridDimensions = this.calculateGridDimensions(this.wafermap.dies);
           // this scale is used for positioning the dies on the canvas
-          const quadrant = this.wafermap.quadrant;
-          this._horizontalScale = this.createHorizontalScale(quadrant, gridDimensions, containerDiameter);
-          this._invertedHorizontalScale = this.createInvertedHorizontalScale(quadrant, gridDimensions, containerDiameter);
+          const originLocation = this.wafermap.originLocation;
+          this._horizontalScale = this.createHorizontalScale(originLocation, gridDimensions, containerDiameter);
+          this._invertedHorizontalScale = this.createInvertedHorizontalScale(originLocation, gridDimensions, containerDiameter);
           // this scale is used for positioning the dies on the canvas
-          this._verticalScale = this.createVerticalScale(quadrant, gridDimensions, containerDiameter);
-          this._invertedVerticalScale = this.createInvertedVerticalScale(quadrant, gridDimensions, containerDiameter);
+          this._verticalScale = this.createVerticalScale(originLocation, gridDimensions, containerDiameter);
+          this._invertedVerticalScale = this.createInvertedVerticalScale(originLocation, gridDimensions, containerDiameter);
           this._dieDimensions = {
               width: this.horizontalScale.bandwidth(),
               height: this.verticalScale.bandwidth()
@@ -71775,47 +71846,47 @@ img.ProseMirror-separator {
               height: canvasDimensions.height - margin.top - margin.bottom
           };
       }
-      createHorizontalScale(axisLocation, grid, containerWidth) {
+      createHorizontalScale(originLocation, grid, containerWidth) {
           const scale = band()
               .domain(range(grid.origin.x, grid.origin.x + grid.cols))
               .paddingInner(0)
               .paddingOuter(0)
               .align(0)
               .round(false);
-          if (axisLocation === WaferMapQuadrant.bottomLeft
-              || axisLocation === WaferMapQuadrant.topLeft) {
+          if (originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.topLeft) {
               return scale.range([0, containerWidth]);
           }
           return scale.range([containerWidth, 0]);
       }
-      createInvertedHorizontalScale(axisLocation, grid, containerWidth) {
+      createInvertedHorizontalScale(originLocation, grid, containerWidth) {
           const scale = quantile().domain([0, containerWidth]);
-          if (axisLocation === WaferMapQuadrant.bottomLeft
-              || axisLocation === WaferMapQuadrant.topLeft) {
+          if (originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.topLeft) {
               return scale.range(range(grid.origin.x, grid.origin.x + grid.cols));
           }
           return scale.range(range(grid.origin.x, grid.origin.x + grid.cols).reverse());
       }
-      createVerticalScale(axisLocation, grid, containerHeight) {
+      createVerticalScale(originLocation, grid, containerHeight) {
           const scale = band()
               .domain(range(grid.origin.y, grid.origin.y + grid.rows))
               .paddingInner(this.defaultPadding)
               .paddingOuter(0)
               .align(0)
               .round(false);
-          if (axisLocation === WaferMapQuadrant.bottomLeft
-              || axisLocation === WaferMapQuadrant.bottomRight) {
-              return scale.range([containerHeight, 0]);
+          if (originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.bottomRight) {
+              return scale.range([0, containerHeight]);
           }
-          return scale.range([0, containerHeight]);
+          return scale.range([containerHeight, 0]);
       }
-      createInvertedVerticalScale(axisLocation, grid, containerHeight) {
+      createInvertedVerticalScale(originLocation, grid, containerHeight) {
           const scale = quantile().domain([0, containerHeight]);
-          if (axisLocation === WaferMapQuadrant.bottomLeft
-              || axisLocation === WaferMapQuadrant.bottomRight) {
-              return scale.range(range(grid.origin.y, grid.origin.y + grid.rows).reverse());
+          if (originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.bottomRight) {
+              return scale.range(range(grid.origin.y, grid.origin.y + grid.rows));
           }
-          return scale.range(range(grid.origin.y, grid.origin.y + grid.rows));
+          return scale.range(range(grid.origin.y, grid.origin.y + grid.rows).reverse());
       }
       calculateMarginAddition(baseMargin, addedMargin) {
           return {
@@ -72202,13 +72273,13 @@ img.ProseMirror-separator {
           this.wafermap.hoverDie = undefined;
       }
       calculateDieCoordinates(wafermap, mousePosition) {
-          const axisLocation = wafermap.quadrant;
-          const xRoundFunction = axisLocation === WaferMapQuadrant.bottomLeft
-              || axisLocation === WaferMapQuadrant.topLeft
+          const originLocation = wafermap.originLocation;
+          const xRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.topLeft
               ? Math.floor
               : Math.ceil;
-          const yRoundFunction = axisLocation === WaferMapQuadrant.topLeft
-              || axisLocation === WaferMapQuadrant.topRight
+          const yRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
+              || originLocation === WaferMapOriginLocation.bottomRight
               ? Math.floor
               : Math.ceil;
           // go to x and y scale to get the x,y values of the die.
@@ -72262,7 +72333,7 @@ img.ProseMirror-separator {
   const trackedItems = [
       'canvasWidth',
       'canvasHeight',
-      'quadrant',
+      'originLocation',
       'dies',
       'maxCharacters',
       'colorScale',
@@ -72286,7 +72357,7 @@ img.ProseMirror-separator {
       get requiresEventsUpdate() {
           return (this.isTracked('canvasWidth')
               || this.isTracked('canvasHeight')
-              || this.isTracked('quadrant')
+              || this.isTracked('originLocation')
               || this.isTracked('dies')
               || this.isTracked('maxCharacters')
               || this.isTracked('colorScale')
@@ -72300,7 +72371,7 @@ img.ProseMirror-separator {
           return this.isTracked('canvasWidth') || this.isTracked('canvasHeight');
       }
       get requiresScalesUpdate() {
-          return this.isTracked('quadrant') || this.isTracked('dies');
+          return this.isTracked('originLocation') || this.isTracked('dies');
       }
       get requiresLabelsFontSizeUpdate() {
           return this.isTracked('maxCharacters');
@@ -72348,7 +72419,7 @@ img.ProseMirror-separator {
            * needs to be initialized before the properties trigger changes
            */
           this.waferMapUpdateTracker = new WaferMapUpdateTracker(this);
-          this.quadrant = WaferMapQuadrant.topLeft;
+          this.originLocation = WaferMapOriginLocation.bottomLeft;
           this.orientation = WaferMapOrientation.top;
           this.maxCharacters = 4;
           this.dieLabelsHidden = false;
@@ -72459,8 +72530,8 @@ img.ProseMirror-separator {
           });
           return resizeObserver;
       }
-      quadrantChanged() {
-          this.waferMapUpdateTracker.track('quadrant');
+      originLocationChanged() {
+          this.waferMapUpdateTracker.track('originLocation');
           this.waferMapUpdateTracker.queueUpdate();
       }
       maxCharactersChanged() {
@@ -72510,32 +72581,22 @@ img.ProseMirror-separator {
       }
   }
   __decorate$1([
-      attr
-  ], WaferMap.prototype, "quadrant", void 0);
+      attr({ attribute: 'origin-location' })
+  ], WaferMap.prototype, "originLocation", void 0);
   __decorate$1([
       attr
   ], WaferMap.prototype, "orientation", void 0);
   __decorate$1([
-      attr({
-          attribute: 'max-characters',
-          converter: nullableNumberConverter
-      })
+      attr({ attribute: 'max-characters', converter: nullableNumberConverter })
   ], WaferMap.prototype, "maxCharacters", void 0);
   __decorate$1([
-      attr({
-          attribute: 'die-labels-hidden',
-          mode: 'boolean'
-      })
+      attr({ attribute: 'die-labels-hidden', mode: 'boolean' })
   ], WaferMap.prototype, "dieLabelsHidden", void 0);
   __decorate$1([
-      attr({
-          attribute: 'die-labels-suffix'
-      })
+      attr({ attribute: 'die-labels-suffix' })
   ], WaferMap.prototype, "dieLabelsSuffix", void 0);
   __decorate$1([
-      attr({
-          attribute: 'color-scale-mode'
-      })
+      attr({ attribute: 'color-scale-mode' })
   ], WaferMap.prototype, "colorScaleMode", void 0);
   __decorate$1([
       observable