@ni/nimble-components 20.2.11 → 20.2.13

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Wed, 13 Sep 2023 12:43:33 GMT
+   * Generated on Wed, 13 Sep 2023 20:29:49 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -71812,7 +71812,9 @@ img.ProseMirror-separator {
       }
       updateScales() {
           const containerDiameter = Math.min(this._containerDimensions.width, this._containerDimensions.height);
-          const gridDimensions = this.calculateGridDimensions(this.wafermap.dies);
+          const gridDimensions = this.gridDimensionsValidAndDefined()
+              ? this.calculateGridDimensionsFromBoundingBox()
+              : this.calculateGridDimensionsFromDies(this.wafermap.dies);
           // this scale is used for positioning the dies on the canvas
           const originLocation = this.wafermap.originLocation;
           this._horizontalScale = this.createHorizontalScale(originLocation, gridDimensions, containerDiameter);
@@ -71825,7 +71827,27 @@ img.ProseMirror-separator {
               height: this.verticalScale.bandwidth()
           };
       }
-      calculateGridDimensions(dies) {
+      gridDimensionsValidAndDefined() {
+          return (!this.wafermap.validity.invalidGridDimensions
+              && typeof this.wafermap.gridMinX === 'number'
+              && typeof this.wafermap.gridMinY === 'number'
+              && typeof this.wafermap.gridMaxX === 'number'
+              && typeof this.wafermap.gridMinX === 'number');
+      }
+      calculateGridDimensionsFromBoundingBox() {
+          const gridDimensions = { origin: { x: 0, y: 0 }, rows: 0, cols: 0 };
+          if (typeof this.wafermap.gridMaxY === 'number'
+              && typeof this.wafermap.gridMinY === 'number'
+              && typeof this.wafermap.gridMaxX === 'number'
+              && typeof this.wafermap.gridMinX === 'number') {
+              gridDimensions.origin.x = this.wafermap.gridMinX;
+              gridDimensions.origin.y = this.wafermap.gridMinY;
+              gridDimensions.rows = this.wafermap.gridMaxY - this.wafermap.gridMinY + 1;
+              gridDimensions.cols = this.wafermap.gridMaxX - this.wafermap.gridMinX + 1;
+          }
+          return gridDimensions;
+      }
+      calculateGridDimensionsFromDies(dies) {
           if (dies.length === 0 || dies[0] === undefined) {
               return { origin: { x: 0, y: 0 }, rows: 0, cols: 0 };
           }
@@ -71943,8 +71965,14 @@ img.ProseMirror-separator {
           const dieLabelsSuffix = this.wafermap.dieLabelsSuffix;
           this._diesRenderInfo = [];
           for (const die of this.wafermap.dies) {
-              const scaledX = horizontalScale(die.x) ?? 0;
-              const scaledY = verticalScale(die.y) ?? 0;
+              const scaledX = horizontalScale(die.x);
+              if (scaledX === undefined) {
+                  continue;
+              }
+              const scaledY = verticalScale(die.y);
+              if (scaledY === undefined) {
+                  continue;
+              }
               this._diesRenderInfo.push({
                   x: scaledX + margin.right,
                   y: scaledY + margin.top,
@@ -72125,7 +72153,13 @@ img.ProseMirror-separator {
       calculateHoverTransform() {
           if (this.wafermap.hoverDie !== undefined) {
               const scaledX = this.wafermap.dataManager.horizontalScale(this.wafermap.hoverDie.x);
+              if (scaledX === undefined) {
+                  return '';
+              }
               const scaledY = this.wafermap.dataManager.verticalScale(this.wafermap.hoverDie.y);
+              if (scaledY === undefined) {
+                  return '';
+              }
               const transformedPoint = this.wafermap.transform.apply([
                   scaledX + this.wafermap.dataManager.margin.left,
                   scaledY + this.wafermap.dataManager.margin.top
@@ -72345,6 +72379,10 @@ img.ProseMirror-separator {
       'canvasWidth',
       'canvasHeight',
       'originLocation',
+      'gridMinX',
+      'gridMaxX',
+      'gridMinY',
+      'gridMaxY',
       'dies',
       'maxCharacters',
       'colorScale',
@@ -72369,6 +72407,10 @@ img.ProseMirror-separator {
           return (this.isTracked('canvasWidth')
               || this.isTracked('canvasHeight')
               || this.isTracked('originLocation')
+              || this.isTracked('gridMinX')
+              || this.isTracked('gridMaxX')
+              || this.isTracked('gridMinY')
+              || this.isTracked('gridMaxY')
               || this.isTracked('dies')
               || this.isTracked('maxCharacters')
               || this.isTracked('colorScale')
@@ -72382,7 +72424,12 @@ img.ProseMirror-separator {
           return this.isTracked('canvasWidth') || this.isTracked('canvasHeight');
       }
       get requiresScalesUpdate() {
-          return this.isTracked('originLocation') || this.isTracked('dies');
+          return (this.isTracked('originLocation')
+              || this.isTracked('gridMinX')
+              || this.isTracked('gridMaxX')
+              || this.isTracked('gridMinY')
+              || this.isTracked('gridMaxY')
+              || this.isTracked('dies'));
       }
       get requiresLabelsFontSizeUpdate() {
           return this.isTracked('maxCharacters');
@@ -72419,6 +72466,43 @@ img.ProseMirror-separator {
       }
   }
 
+  /**
+   * Helper class for the nimble-wafer-map to validate that the wafer maps's grid dimensions
+   * configuration is valid and report which aspects of the configuration are valid or invalid.
+   */
+  class WaferMapValidator {
+      constructor(wafermap) {
+          this.wafermap = wafermap;
+          this.invalidGridDimensions = false;
+      }
+      getValidity() {
+          return {
+              invalidGridDimensions: this.invalidGridDimensions
+          };
+      }
+      isValid() {
+          return Object.values(this.getValidity()).every(x => x === false);
+      }
+      validateGridDimensions() {
+          this.invalidGridDimensions = false;
+          if (typeof this.wafermap.gridMinX === 'undefined'
+              && typeof this.wafermap.gridMaxX === 'undefined'
+              && typeof this.wafermap.gridMinY === 'undefined'
+              && typeof this.wafermap.gridMaxY === 'undefined') {
+              this.invalidGridDimensions = false;
+          }
+          else if (typeof this.wafermap.gridMinX !== 'number'
+              || typeof this.wafermap.gridMaxX !== 'number'
+              || typeof this.wafermap.gridMinY !== 'number'
+              || typeof this.wafermap.gridMaxY !== 'number'
+              || this.wafermap.gridMaxX < this.wafermap.gridMinX
+              || this.wafermap.gridMaxY < this.wafermap.gridMinY) {
+              this.invalidGridDimensions = true;
+          }
+          return !this.invalidGridDimensions;
+      }
+  }
+
   /**
    * A nimble-styled WaferMap
    */
@@ -72431,6 +72515,10 @@ img.ProseMirror-separator {
            */
           this.waferMapUpdateTracker = new WaferMapUpdateTracker(this);
           this.originLocation = WaferMapOriginLocation.bottomLeft;
+          this.gridMinX = undefined;
+          this.gridMaxX = undefined;
+          this.gridMinY = undefined;
+          this.gridMaxY = undefined;
           this.orientation = WaferMapOrientation.top;
           this.maxCharacters = 4;
           this.dieLabelsHidden = false;
@@ -72476,6 +72564,10 @@ img.ProseMirror-separator {
           };
           this.eventCoordinator = new EventCoordinator(this);
           this.resizeObserver = this.createResizeObserver();
+          this.waferMapValidator = new WaferMapValidator(this);
+      }
+      get validity() {
+          return this.waferMapValidator.getValidity();
       }
       connectedCallback() {
           super.connectedCallback();
@@ -72500,6 +72592,7 @@ img.ProseMirror-separator {
       update() {
           if (this.waferMapUpdateTracker.requiresEventsUpdate) {
               this.eventCoordinator.detachEvents();
+              this.waferMapValidator.validateGridDimensions();
               if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                   this.dataManager.updateContainerDimensions();
                   this.renderer.updateSortedDiesAndDrawWafer();
@@ -72545,6 +72638,22 @@ img.ProseMirror-separator {
           this.waferMapUpdateTracker.track('originLocation');
           this.waferMapUpdateTracker.queueUpdate();
       }
+      gridMinXChanged() {
+          this.waferMapUpdateTracker.track('gridMinX');
+          this.waferMapUpdateTracker.queueUpdate();
+      }
+      gridMaxXChanged() {
+          this.waferMapUpdateTracker.track('gridMaxX');
+          this.waferMapUpdateTracker.queueUpdate();
+      }
+      gridMinYChanged() {
+          this.waferMapUpdateTracker.track('gridMinY');
+          this.waferMapUpdateTracker.queueUpdate();
+      }
+      gridMaxYChanged() {
+          this.waferMapUpdateTracker.track('gridMaxY');
+          this.waferMapUpdateTracker.queueUpdate();
+      }
       maxCharactersChanged() {
           this.waferMapUpdateTracker.track('maxCharacters');
           this.waferMapUpdateTracker.queueUpdate();
@@ -72594,6 +72703,18 @@ img.ProseMirror-separator {
   __decorate$1([
       attr({ attribute: 'origin-location' })
   ], WaferMap.prototype, "originLocation", void 0);
+  __decorate$1([
+      attr({ attribute: 'grid-min-x', converter: nullableNumberConverter })
+  ], WaferMap.prototype, "gridMinX", void 0);
+  __decorate$1([
+      attr({ attribute: 'grid-max-x', converter: nullableNumberConverter })
+  ], WaferMap.prototype, "gridMaxX", void 0);
+  __decorate$1([
+      attr({ attribute: 'grid-min-y', converter: nullableNumberConverter })
+  ], WaferMap.prototype, "gridMinY", void 0);
+  __decorate$1([
+      attr({ attribute: 'grid-max-y', converter: nullableNumberConverter })
+  ], WaferMap.prototype, "gridMaxY", void 0);
   __decorate$1([
       attr
   ], WaferMap.prototype, "orientation", void 0);