@ni/nimble-components 24.1.4 → 24.1.6

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 02 Apr 2024 16:52:55 GMT
+   * Generated on Thu, 04 Apr 2024 14:40:58 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -21202,21 +21202,6 @@
           this.emitChangeIfValueUpdated();
           return returnValue;
       }
-      /**
-       * @internal
-       */
-      registerOption(option) {
-          if (this.options.includes(option)) {
-              return;
-          }
-          // Adding an option to the end, ultimately, isn't the correct
-          // thing to do, as this will mean the option's index in the options,
-          // at least temporarily, does not match the DOM order. However, it
-          // is expected that a successive run of `slottedOptionsChanged` will
-          // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
-          // for more info.
-          this.options.push(option);
-      }
       focusAndScrollOptionIntoView() {
           if (this.open) {
               super.focusAndScrollOptionIntoView();
@@ -75360,7 +75345,7 @@ img.ProseMirror-separator {
   /**
    * Prerendering prepares render-ready dies data to be used by the rendering module
    */
-  class Prerendering {
+  let Prerendering$1 = class Prerendering {
       get labelsFontSize() {
           return this._labelsFontSize;
       }
@@ -75465,7 +75450,7 @@ img.ProseMirror-separator {
           rgbColor = new ColorRGBA64(rgbColor.r, rgbColor.g, rgbColor.b, this.calculateOpacity(dieTags, highlightedTags));
           return rgbColor.toStringWebRGBA();
       }
-  }
+  };
 
   /**
    * Data Manager uses Computations and Prerendering modules in order and exposes the results
@@ -75507,7 +75492,7 @@ img.ProseMirror-separator {
       constructor(wafermap) {
           this.wafermap = wafermap;
           this.computations = new Computations$1(wafermap);
-          this.prerendering = new Prerendering(wafermap);
+          this.prerendering = new Prerendering$1(wafermap);
       }
       updateContainerDimensions() {
           this.computations.updateContainerDimensions();
@@ -75557,7 +75542,7 @@ img.ProseMirror-separator {
           this.defaultPadding = 0;
           this.baseMarginPercentage = 0.04;
       }
-      updateContainerDimensions() {
+      update() {
           const canvasDimensions = {
               width: this.wafermap.canvasWidth,
               height: this.wafermap.canvasHeight
@@ -75577,9 +75562,6 @@ img.ProseMirror-separator {
           };
           this._margin = this.calculateMarginAddition(baseMargin, canvasMargin);
           this._containerDimensions = this.calculateContainerDimensions(canvasDimensions, this._margin);
-          this.updateScales();
-      }
-      updateScales() {
           const containerDiameter = Math.min(this._containerDimensions.width, this._containerDimensions.height);
           const gridDimensions = this.gridDimensionsValidAndDefined()
               ? this.calculateGridDimensionsFromBoundingBox()
@@ -75689,6 +75671,66 @@ img.ProseMirror-separator {
       }
   }
 
+  /**
+   * Prerendering prepares render-ready dies data to be used by the rendering module
+   */
+  class Prerendering {
+      get labelsFontSize() {
+          return this._labelsFontSize;
+      }
+      get colorScale() {
+          return this._colorScale;
+      }
+      constructor(wafermap) {
+          this.wafermap = wafermap;
+          this.fontSizeFactor = 0.8;
+          this.colorScaleResolution = 10;
+      }
+      update() {
+          this._labelsFontSize = this.calculateLabelsFontSize(this.wafermap.experimentalDataManager.dieDimensions, this.wafermap.maxCharacters);
+          this._colorScale = this.calculateColorScale();
+      }
+      calculateColorScale() {
+          if (this.wafermap.colorScaleMode === WaferMapColorScaleMode.linear) {
+              const values = this.wafermap.colorScale.values.map(item => +item);
+              const d3ColorScale = linear()
+                  .domain(values)
+                  .range(this.wafermap.colorScale.colors);
+              let min = values[0];
+              let max = values[0];
+              values.forEach(value => {
+                  if (value < min) {
+                      min = value;
+                  }
+                  if (value > max) {
+                      max = value;
+                  }
+              });
+              // the linear color scale will not be infinite but will be limited by the color scale resolution
+              const valueSamples = ticks(min, max, values.length * this.colorScaleResolution);
+              return valueSamples.map(value => {
+                  return {
+                      color: d3ColorScale(value),
+                      value
+                  };
+              });
+          }
+          // ordinal color categories have to be sorted by value
+          return this.wafermap.colorScale.colors
+              .map((color, index) => {
+              return {
+                  color,
+                  value: +this.wafermap.colorScale.values[index]
+              };
+          })
+              .sort((a, b) => a.value - b.value);
+      }
+      calculateLabelsFontSize(dieDimensions, maxCharacters) {
+          return Math.min(dieDimensions.height, (dieDimensions.width / (Math.max(2, maxCharacters) * 0.5))
+              * this.fontSizeFactor);
+      }
+  }
+
   /**
    * Data Manager uses Computations and Prerendering modules in order and exposes the results
    */
@@ -75711,38 +75753,20 @@ img.ProseMirror-separator {
       get labelsFontSize() {
           return this.prerendering.labelsFontSize;
       }
-      get diesRenderInfo() {
-          return this.prerendering.diesRenderInfo;
-      }
-      get data() {
-          return this.dataMap;
+      get colorScale() {
+          return this.prerendering.colorScale;
       }
       constructor(wafermap) {
           this.wafermap = wafermap;
           this.computations = new Computations(wafermap);
           this.prerendering = new Prerendering(wafermap);
       }
-      updateContainerDimensions() {
-          this.computations.updateContainerDimensions();
-          this.updateDataMap();
-          this.updateLabelsFontSize();
-      }
-      updateScales() {
-          this.computations.updateScales();
-          this.updateDataMap();
-          this.updateLabelsFontSize();
-      }
-      updateLabelsFontSize() {
-          this.prerendering.updateLabelsFontSize();
-      }
-      updateDiesRenderInfo() {
-          this.prerendering.updateDiesRenderInfo();
+      updateComputations() {
+          this.computations.update();
+          this.prerendering.update();
       }
-      getWaferMapDie(point) {
-          return this.dataMap.get(`${point.x}_${point.y}`);
-      }
-      updateDataMap() {
-          this.dataMap = new Map(this.wafermap.dies.map(die => [`${die.x}_${die.y}`, die]));
+      updatePrerendering() {
+          this.prerendering.update();
       }
   }
 
@@ -76623,18 +76647,14 @@ img.ProseMirror-separator {
       constructor(wafermap) {
           this.wafermap = wafermap;
       }
-      updateSortedDiesAndDrawWafer() {
-          // redundant function for backwards compatibility
-          this.drawWafer();
-      }
       drawWafer() {
           // rendering will be implemented in a future PR
           this.renderHover();
       }
       renderHover() {
-          this.wafermap.hoverWidth = this.wafermap.dataManager.dieDimensions.width
+          this.wafermap.hoverWidth = this.wafermap.experimentalDataManager.dieDimensions.width
               * this.wafermap.transform.k;
-          this.wafermap.hoverHeight = this.wafermap.dataManager.dieDimensions.height
+          this.wafermap.hoverHeight = this.wafermap.experimentalDataManager.dieDimensions.height
               * this.wafermap.transform.k;
           this.wafermap.hoverOpacity = this.wafermap.hoverDie === undefined
               ? HoverDieOpacity.hide
@@ -76643,17 +76663,17 @@ img.ProseMirror-separator {
       }
       calculateHoverTransform() {
           if (this.wafermap.hoverDie !== undefined) {
-              const scaledX = this.wafermap.dataManager.horizontalScale(this.wafermap.hoverDie.x);
+              const scaledX = this.wafermap.experimentalDataManager.horizontalScale(this.wafermap.hoverDie.x);
               if (scaledX === undefined) {
                   return '';
               }
-              const scaledY = this.wafermap.dataManager.verticalScale(this.wafermap.hoverDie.y);
+              const scaledY = this.wafermap.experimentalDataManager.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
+                  scaledX + this.wafermap.experimentalDataManager.margin.left,
+                  scaledY + this.wafermap.experimentalDataManager.margin.top
               ]);
               return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;
           }
@@ -76668,7 +76688,7 @@ img.ProseMirror-separator {
       constructor(wafermap) {
           this.wafermap = wafermap;
           this.onMouseMove = (event) => {
-              if (this.wafermap.isExperimentalRenderer()) {
+              if (this.wafermap.isExperimentalUpdate()) {
                   return;
               }
               const mousePosition = {
@@ -76713,8 +76733,7 @@ img.ProseMirror-separator {
           this.wafermap.removeEventListener('mouseout', this.onMouseOut);
       }
       calculateDieCoordinates(mousePosition) {
-          if (!this.wafermap.isExperimentalRenderer()
-              && this.wafermap.dataManager instanceof DataManager$1) {
+          if (!this.wafermap.isExperimentalUpdate()) {
               const originLocation = this.wafermap.originLocation;
               const xRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
                   || originLocation === WaferMapOriginLocation.topLeft
@@ -76747,12 +76766,8 @@ img.ProseMirror-separator {
   class HoverHandler {
       constructor(wafermap) {
           this.wafermap = wafermap;
-          /**
-           * @internal
-           * keep public for testing until data manager refactor
-           */
           this.onMouseMove = (event) => {
-              if (!this.wafermap.isExperimentalRenderer()) {
+              if (!this.wafermap.isExperimentalUpdate()) {
                   return;
               }
               // get original mouse position in case we are in zoom.
@@ -76807,8 +76822,7 @@ img.ProseMirror-separator {
           this.wafermap.removeEventListener('mouseout', this.onMouseOut);
       }
       calculateDieCoordinates(mousePosition) {
-          if (this.wafermap.isExperimentalRenderer()
-              && this.wafermap.dataManager instanceof DataManager) {
+          if (this.wafermap.isExperimentalUpdate()) {
               const originLocation = this.wafermap.originLocation;
               const xRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
                   || originLocation === WaferMapOriginLocation.topLeft
@@ -76819,8 +76833,10 @@ img.ProseMirror-separator {
                   ? Math.ceil
                   : Math.floor;
               // go to x and y scale to get the x,y values of the die.
-              const x = xRoundFunction(this.wafermap.dataManager.horizontalScale.invert(mousePosition.x - this.wafermap.dataManager.margin.left));
-              const y = yRoundFunction(this.wafermap.dataManager.verticalScale.invert(mousePosition.y - this.wafermap.dataManager.margin.top));
+              const x = xRoundFunction(this.wafermap.experimentalDataManager.horizontalScale.invert(mousePosition.x
+                  - this.wafermap.experimentalDataManager.margin.left));
+              const y = yRoundFunction(this.wafermap.experimentalDataManager.verticalScale.invert(mousePosition.y
+                  - this.wafermap.experimentalDataManager.margin.top));
               return { x, y };
           }
           return undefined;
@@ -76891,24 +76907,10 @@ img.ProseMirror-separator {
           this.dieLabelsHidden = false;
           this.dieLabelsSuffix = '';
           this.colorScaleMode = WaferMapColorScaleMode.linear;
-          /**
-           * @internal
-           */
-          this.stableDataManager = new DataManager$1(this.asRequiredFieldsWaferMap);
-          /**
-           * @internal
-           */
           this.experimentalDataManager = new DataManager(this.asRequiredFieldsWaferMap);
-          this.dataManager = this.stableDataManager;
-          /**
-           * @internal
-           */
-          this.mainRenderer = new RenderingModule(this.asRequiredFieldsWaferMap);
-          /**
-           * @internal
-           */
+          this.dataManager = new DataManager$1(this.asRequiredFieldsWaferMap);
           this.workerRenderer = new WorkerRenderer(this.asRequiredFieldsWaferMap);
-          this.renderer = this.mainRenderer;
+          this.renderer = new RenderingModule(this.asRequiredFieldsWaferMap);
           /**
            * @internal
            */
@@ -76966,6 +76968,36 @@ img.ProseMirror-separator {
           this.zoomHandler.disconnect();
           this.resizeObserver.unobserve(this);
       }
+      /**
+       * @internal
+       * Experimental update function called when an update is queued.
+       */
+      experimentalUpdate() {
+          if (this.validity.invalidDiesTableSchema) {
+              return;
+          }
+          if (this.waferMapUpdateTracker.requiresEventsUpdate) {
+              // zoom translateExtent needs to be recalculated when canvas size changes
+              this.zoomHandler.disconnect();
+              if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate
+                  || this.waferMapUpdateTracker.requiresScalesUpdate) {
+                  this.experimentalDataManager.updateComputations();
+                  this.workerRenderer.drawWafer();
+              }
+              else if (this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate
+                  || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate) {
+                  this.experimentalDataManager.updatePrerendering();
+                  this.workerRenderer.drawWafer();
+              }
+              else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
+                  this.workerRenderer.drawWafer();
+              }
+              this.zoomHandler.connect();
+          }
+          else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
+              this.workerRenderer.renderHover();
+          }
+      }
       /**
        * @internal
        * Update function called when an update is queued.
@@ -76976,18 +77008,13 @@ img.ProseMirror-separator {
        */
       update() {
           this.validate();
-          if (this.validity.invalidDiesTableSchema) {
+          if (this.isExperimentalUpdate()) {
+              this.experimentalUpdate();
               return;
           }
-          this.renderer = this.isExperimentalRenderer()
-              ? this.workerRenderer
-              : this.mainRenderer;
           if (this.waferMapUpdateTracker.requiresEventsUpdate) {
               // zoom translateExtent needs to be recalculated when canvas size changes
               this.zoomHandler.disconnect();
-              this.dataManager = this.isExperimentalRenderer()
-                  ? this.experimentalDataManager
-                  : this.stableDataManager;
               if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                   this.dataManager.updateContainerDimensions();
                   this.renderer.updateSortedDiesAndDrawWafer();
@@ -77016,7 +77043,7 @@ img.ProseMirror-separator {
       /**
        * @internal
        */
-      isExperimentalRenderer() {
+      isExperimentalUpdate() {
           return this.diesTable !== undefined;
       }
       validate() {