@ni/nimble-components 20.1.21 → 20.1.22

package/dist/all-components-bundle.min.js

@@ -11460,28 +11460,28 @@ return o<0?[NaN,NaN]:[o>0?i[o-1]:t[0],o<i.length?i[o]:t[t.length-1]]},r.domain=f
 t=[]
 for(let n of e)null==n||isNaN(n=+n)||t.push(n)
 return t.sort(Dz),o()},r.range=function(e){return arguments.length?(n=Array.from(e),o()):n.slice()},r.unknown=function(t){return arguments.length?(e=t,r):e},r.quantiles=function(){return i.slice()},r.copy=function(){return _V().domain(t).range(n).unknown(e)},Xz.apply(r,arguments)}vV=kV({thousands:",",grouping:[3],currency:["$",""]}),bV=vV.format,wV=vV.formatPrefix
-const MV="bottom-left",IV="bottom-right",AV="top-left",EV="top-right",OV="top",TV="show",RV="hide",DV="linear",FV="ordinal"
-class NV{constructor(e){this.wafermap=e,this.defaultPadding=0,this.baseMarginPercentage=.04}get containerDimensions(){return this._containerDimensions}get dieDimensions(){return this._dieDimensions}get radius(){return this._radius}get margin(){return this._margin}get horizontalScale(){return this._horizontalScale}get verticalScale(){return this._verticalScale}get invertedHorizontalScale(){return this._invertedHorizontalScale}get invertedVerticalScale(){return this._invertedVerticalScale}updateContainerDimensions(){const e={width:this.wafermap.canvasWidth,height:this.wafermap.canvasHeight},t=Math.min(e.width,e.height),n={top:(e.height-t)/2,right:(e.width-t)/2,bottom:(e.height-t)/2,left:(e.width-t)/2},i={top:t*this.baseMarginPercentage,right:t*this.baseMarginPercentage,bottom:t*this.baseMarginPercentage,left:t*this.baseMarginPercentage}
+const MV="bottom-left",IV="bottom-right",AV="top-left",EV="top",OV="show",TV="hide",RV="linear",DV="ordinal"
+class FV{constructor(e){this.wafermap=e,this.defaultPadding=0,this.baseMarginPercentage=.04}get containerDimensions(){return this._containerDimensions}get dieDimensions(){return this._dieDimensions}get radius(){return this._radius}get margin(){return this._margin}get horizontalScale(){return this._horizontalScale}get verticalScale(){return this._verticalScale}get invertedHorizontalScale(){return this._invertedHorizontalScale}get invertedVerticalScale(){return this._invertedVerticalScale}updateContainerDimensions(){const e={width:this.wafermap.canvasWidth,height:this.wafermap.canvasHeight},t=Math.min(e.width,e.height),n={top:(e.height-t)/2,right:(e.width-t)/2,bottom:(e.height-t)/2,left:(e.width-t)/2},i={top:t*this.baseMarginPercentage,right:t*this.baseMarginPercentage,bottom:t*this.baseMarginPercentage,left:t*this.baseMarginPercentage}
 this._margin=this.calculateMarginAddition(i,n),this._containerDimensions=this.calculateContainerDimensions(e,this._margin)
 const o=Math.min(this._containerDimensions.width,this._containerDimensions.height)
-this._radius=o/2,this.updateScales()}updateScales(){const e=Math.min(this._containerDimensions.width,this._containerDimensions.height),t=this.calculateGridDimensions(this.wafermap.dies),n=this.wafermap.quadrant
+this._radius=o/2,this.updateScales()}updateScales(){const e=Math.min(this._containerDimensions.width,this._containerDimensions.height),t=this.calculateGridDimensions(this.wafermap.dies),n=this.wafermap.originLocation
 this._horizontalScale=this.createHorizontalScale(n,t,e),this._invertedHorizontalScale=this.createInvertedHorizontalScale(n,t,e),this._verticalScale=this.createVerticalScale(n,t,e),this._invertedVerticalScale=this.createInvertedVerticalScale(n,t,e),this._dieDimensions={width:this.horizontalScale.bandwidth(),height:this.verticalScale.bandwidth()}}calculateGridDimensions(e){if(0===e.length||void 0===e[0])return{origin:{x:0,y:0},rows:0,cols:0}
 const t={x:e[0].x,y:e[0].y},n={x:e[0].x,y:e[0].y}
 for(const i of e)i.x<t.x&&(t.x=i.x),i.y<t.y&&(t.y=i.y),i.x>n.x&&(n.x=i.x),i.y>n.y&&(n.y=i.y)
 return{origin:t,rows:n.y-t.y+1,cols:n.x-t.x+1}}calculateContainerDimensions(e,t){return{width:e.width-t.left-t.right,height:e.height-t.top-t.bottom}}createHorizontalScale(e,t,n){const i=eV().domain(Jz(t.origin.x,t.origin.x+t.cols)).paddingInner(0).paddingOuter(0).align(0).round(!1)
 return e===MV||e===AV?i.range([0,n]):i.range([n,0])}createInvertedHorizontalScale(e,t,n){const i=_V().domain([0,n])
 return e===MV||e===AV?i.range(Jz(t.origin.x,t.origin.x+t.cols)):i.range(Jz(t.origin.x,t.origin.x+t.cols).reverse())}createVerticalScale(e,t,n){const i=eV().domain(Jz(t.origin.y,t.origin.y+t.rows)).paddingInner(this.defaultPadding).paddingOuter(0).align(0).round(!1)
-return e===MV||e===IV?i.range([n,0]):i.range([0,n])}createInvertedVerticalScale(e,t,n){const i=_V().domain([0,n])
-return e===MV||e===IV?i.range(Jz(t.origin.y,t.origin.y+t.rows).reverse()):i.range(Jz(t.origin.y,t.origin.y+t.rows))}calculateMarginAddition(e,t){return{top:e.top+t.top,right:e.right+t.right,bottom:e.bottom+t.bottom,left:e.left+t.left}}}class LV{constructor(e,t){this.wafermap=e,this.dataManager=t,this.fontSizeFactor=.8,this.nonHighlightedOpacity=.3,this.emptyDieColor="rgba(218,223,236,1)",this.nanDieColor="rgba(122,122,122,1)"}get labelsFontSize(){return this._labelsFontSize}get diesRenderInfo(){return this._diesRenderInfo}updateLabelsFontSize(){this._labelsFontSize=this.calculateLabelsFontSize(this.dataManager.dieDimensions,this.wafermap.maxCharacters),this.updateDiesRenderInfo()}updateDiesRenderInfo(){this.d3ColorScale=this.createD3ColorScale(this.wafermap.colorScale,this.wafermap.colorScaleMode)
+return e===MV||e===IV?i.range([0,n]):i.range([n,0])}createInvertedVerticalScale(e,t,n){const i=_V().domain([0,n])
+return e===MV||e===IV?i.range(Jz(t.origin.y,t.origin.y+t.rows)):i.range(Jz(t.origin.y,t.origin.y+t.rows).reverse())}calculateMarginAddition(e,t){return{top:e.top+t.top,right:e.right+t.right,bottom:e.bottom+t.bottom,left:e.left+t.left}}}class NV{constructor(e,t){this.wafermap=e,this.dataManager=t,this.fontSizeFactor=.8,this.nonHighlightedOpacity=.3,this.emptyDieColor="rgba(218,223,236,1)",this.nanDieColor="rgba(122,122,122,1)"}get labelsFontSize(){return this._labelsFontSize}get diesRenderInfo(){return this._diesRenderInfo}updateLabelsFontSize(){this._labelsFontSize=this.calculateLabelsFontSize(this.dataManager.dieDimensions,this.wafermap.maxCharacters),this.updateDiesRenderInfo()}updateDiesRenderInfo(){this.d3ColorScale=this.createD3ColorScale(this.wafermap.colorScale,this.wafermap.colorScaleMode)
 const e=this.dataManager.margin,t=this.dataManager.horizontalScale,n=this.dataManager.verticalScale,i=this.wafermap.colorScaleMode,o=this.wafermap.highlightedValues,r=this.wafermap.maxCharacters,s=this.wafermap.dieLabelsHidden,a=this.wafermap.dieLabelsSuffix
 this._diesRenderInfo=[]
 for(const l of this.wafermap.dies){const c=t(l.x)??0,d=n(l.y)??0
 this._diesRenderInfo.push({x:c+e.right,y:d+e.top,fillStyle:this.calculateFillStyle(l.value,i,o),text:this.buildLabel(l.value,r,s,a)})}}calculateLabelsFontSize(e,t){return Math.min(e.height,e.width/(.5*Math.max(2,t))*this.fontSizeFactor)}createD3ColorScale(e,t){return this.isColorScaleLinear(t)?$V().domain(e.values.map((e=>+e))).range(e.colors):Qz().domain(e.values).range(e.colors)}dieHasData(e){return null!=e&&""!==e}buildLabel(e,t,n,i){if(n||!this.dieHasData(e))return""
 const o=`${e}${i}`
-return o.length>t?`${o.substring(0,t)}…`:o}calculateOpacity(e,t){return t.length>0&&!t.some((t=>t===e))?this.nonHighlightedOpacity:1}isColorScaleLinear(e){return e===DV}isColorScaleOrdinal(e){return e===FV}calculateFillStyle(e,t,n){let i=this.emptyDieColor
+return o.length>t?`${o.substring(0,t)}…`:o}calculateOpacity(e,t){return t.length>0&&!t.some((t=>t===e))?this.nonHighlightedOpacity:1}isColorScaleLinear(e){return e===RV}isColorScaleOrdinal(e){return e===DV}calculateFillStyle(e,t,n){let i=this.emptyDieColor
 if(this.dieHasData(e)&&(isNaN(+e)?i=this.nanDieColor:this.isColorScaleLinear(t)?i=this.d3ColorScale(+e):this.isColorScaleOrdinal(t)&&(i=this.d3ColorScale(e))),void 0===i)return this.emptyDieColor
 let o=jo(i)
-return null===o?this.emptyDieColor:(o=new Lo(o.r,o.g,o.b,this.calculateOpacity(e,n)),o.toStringWebRGBA())}}class PV{constructor(e){this.wafermap=e,this.computations=new NV(e),this.prerendering=new LV(e,this)}get containerDimensions(){return this.computations.containerDimensions}get dieDimensions(){return this.computations.dieDimensions}get radius(){return this.computations.radius}get margin(){return this.computations.margin}get horizontalScale(){return this.computations.horizontalScale}get invertedHorizontalScale(){return this.computations.invertedHorizontalScale}get verticalScale(){return this.computations.verticalScale}get invertedVerticalScale(){return this.computations.invertedVerticalScale}get labelsFontSize(){return this.prerendering.labelsFontSize}get diesRenderInfo(){return this.prerendering.diesRenderInfo}get data(){return this.dataMap}updateContainerDimensions(){this.computations.updateContainerDimensions(),this.updateDataMap(),this.updateLabelsFontSize()}updateScales(){this.computations.updateScales(),this.updateDataMap(),this.updateLabelsFontSize()}updateLabelsFontSize(){this.prerendering.updateLabelsFontSize()}updateDiesRenderInfo(){this.prerendering.updateDiesRenderInfo()}getWaferMapDie(e){return this.dataMap.get(`${e.x}_${e.y}`)}updateDataMap(){this.dataMap=new Map(this.wafermap.dies.map((e=>[`${e.x}_${e.y}`,e])))}}class zV{constructor(e){this.wafermap=e,this.minDieDim=50}updateSortedDiesAndDrawWafer(){this.dies=this.wafermap.dataManager.diesRenderInfo.sort(((e,t)=>e.fillStyle>t.fillStyle?1:t.fillStyle>e.fillStyle?-1:0)),this.drawWafer()}drawWafer(){this.wafermap.canvasContext.save(),this.clearCanvas(),this.scaleCanvas(),this.renderDies(),this.renderText(),this.wafermap.canvasContext.restore(),this.renderHover()}renderHover(){this.wafermap.hoverWidth=this.wafermap.dataManager.dieDimensions.width*this.wafermap.transform.k,this.wafermap.hoverHeight=this.wafermap.dataManager.dieDimensions.height*this.wafermap.transform.k,this.wafermap.hoverOpacity=void 0===this.wafermap.hoverDie?RV:TV,this.wafermap.hoverTransform=this.calculateHoverTransform()}calculateHoverTransform(){if(void 0!==this.wafermap.hoverDie){const e=this.wafermap.dataManager.horizontalScale(this.wafermap.hoverDie.x),t=this.wafermap.dataManager.verticalScale(this.wafermap.hoverDie.y),n=this.wafermap.transform.apply([e+this.wafermap.dataManager.margin.left,t+this.wafermap.dataManager.margin.top])
+return null===o?this.emptyDieColor:(o=new Lo(o.r,o.g,o.b,this.calculateOpacity(e,n)),o.toStringWebRGBA())}}class LV{constructor(e){this.wafermap=e,this.computations=new FV(e),this.prerendering=new NV(e,this)}get containerDimensions(){return this.computations.containerDimensions}get dieDimensions(){return this.computations.dieDimensions}get radius(){return this.computations.radius}get margin(){return this.computations.margin}get horizontalScale(){return this.computations.horizontalScale}get invertedHorizontalScale(){return this.computations.invertedHorizontalScale}get verticalScale(){return this.computations.verticalScale}get invertedVerticalScale(){return this.computations.invertedVerticalScale}get labelsFontSize(){return this.prerendering.labelsFontSize}get diesRenderInfo(){return this.prerendering.diesRenderInfo}get data(){return this.dataMap}updateContainerDimensions(){this.computations.updateContainerDimensions(),this.updateDataMap(),this.updateLabelsFontSize()}updateScales(){this.computations.updateScales(),this.updateDataMap(),this.updateLabelsFontSize()}updateLabelsFontSize(){this.prerendering.updateLabelsFontSize()}updateDiesRenderInfo(){this.prerendering.updateDiesRenderInfo()}getWaferMapDie(e){return this.dataMap.get(`${e.x}_${e.y}`)}updateDataMap(){this.dataMap=new Map(this.wafermap.dies.map((e=>[`${e.x}_${e.y}`,e])))}}class PV{constructor(e){this.wafermap=e,this.minDieDim=50}updateSortedDiesAndDrawWafer(){this.dies=this.wafermap.dataManager.diesRenderInfo.sort(((e,t)=>e.fillStyle>t.fillStyle?1:t.fillStyle>e.fillStyle?-1:0)),this.drawWafer()}drawWafer(){this.wafermap.canvasContext.save(),this.clearCanvas(),this.scaleCanvas(),this.renderDies(),this.renderText(),this.wafermap.canvasContext.restore(),this.renderHover()}renderHover(){this.wafermap.hoverWidth=this.wafermap.dataManager.dieDimensions.width*this.wafermap.transform.k,this.wafermap.hoverHeight=this.wafermap.dataManager.dieDimensions.height*this.wafermap.transform.k,this.wafermap.hoverOpacity=void 0===this.wafermap.hoverDie?TV:OV,this.wafermap.hoverTransform=this.calculateHoverTransform()}calculateHoverTransform(){if(void 0!==this.wafermap.hoverDie){const e=this.wafermap.dataManager.horizontalScale(this.wafermap.hoverDie.x),t=this.wafermap.dataManager.verticalScale(this.wafermap.hoverDie.y),n=this.wafermap.transform.apply([e+this.wafermap.dataManager.margin.left,t+this.wafermap.dataManager.margin.top])
 return`translate(${n[0]}, ${n[1]})`}return""}renderDies(){const e=this.wafermap.canvasContext,t=this.wafermap.dataManager.dieDimensions.width,n=this.wafermap.dataManager.dieDimensions.height,i=this.wafermap.transform.invert([0,0]),o=this.wafermap.transform.invert([this.wafermap.canvas.width,this.wafermap.canvas.height])
 i[0]-=t,i[1]-=n
 for(const r of this.dies)this.isDieVisible(r,i,o)&&(e.fillStyle=r.fillStyle,e.fillRect(r.x,r.y,t,n))}renderText(){if(this.wafermap.dieLabelsHidden)return
@@ -11490,19 +11490,19 @@ if(e*t*(this.wafermap.transform.k||1)>=this.minDieDim){const n=this.wafermap.dat
 i.font=`${n.toString()}px sans-serif`,i.fillStyle="#ffffff",i.textAlign="center",i.lineCap="butt"
 const o=i.measureText("M"),r=this.wafermap.transform.invert([0,0]),s=this.wafermap.transform.invert([this.wafermap.canvas.width,this.wafermap.canvas.height])
 r[0]-=e,r[1]-=t
-for(const n of this.dies)this.isDieVisible(n,r,s)&&i.fillText(n.text,n.x+e/2,n.y+t/2+o.width/2,e-e/100*20)}}clearCanvas(){this.wafermap.canvasContext.clearRect(0,0,this.wafermap.canvas.width,this.wafermap.canvas.height)}scaleCanvas(){this.wafermap.canvasContext.translate(this.wafermap.transform.x,this.wafermap.transform.y),this.wafermap.canvasContext.scale(this.wafermap.transform.k,this.wafermap.transform.k)}isDieVisible(e,t,n){return e.x>=t[0]&&e.x<n[0]&&e.y>=t[1]&&e.y<n[1]}}class VV{constructor(e){this.wafermap=e,this.zoomTransform=xz,this.minScale=1.1,this.minExtentPoint=[-100,-100],this.extentPadding=100}createZoomBehavior(){this.zoomBehavior=Oz().scaleExtent([1.1,this.getZoomMax(this.wafermap.canvasWidth*this.wafermap.canvasHeight,this.wafermap.dataManager.containerDimensions.width*this.wafermap.dataManager.containerDimensions.height)]).translateExtent([this.minExtentPoint,[this.wafermap.canvasWidth+this.extentPadding,this.wafermap.canvasHeight+this.extentPadding]]).filter((e=>kz(this.wafermap.canvas).k>=this.minScale||"wheel"===e.type)).on("zoom",(e=>{this.rescale(e)})),this.zoomBehavior(lL(this.wafermap.canvas))}rescale(e){const t=e.transform
-t.k===this.minScale?(this.zoomTransform=xz,this.zoomBehavior.transform(lL(this.wafermap.canvas),xz)):this.zoomTransform=t,this.wafermap.transform=this.zoomTransform}getZoomMax(e,t){return Math.ceil(t/e*100)}}class HV{constructor(e){this.wafermap=e}mousemove(e){const t={x:e.offsetX,y:e.offsetY}
+for(const n of this.dies)this.isDieVisible(n,r,s)&&i.fillText(n.text,n.x+e/2,n.y+t/2+o.width/2,e-e/100*20)}}clearCanvas(){this.wafermap.canvasContext.clearRect(0,0,this.wafermap.canvas.width,this.wafermap.canvas.height)}scaleCanvas(){this.wafermap.canvasContext.translate(this.wafermap.transform.x,this.wafermap.transform.y),this.wafermap.canvasContext.scale(this.wafermap.transform.k,this.wafermap.transform.k)}isDieVisible(e,t,n){return e.x>=t[0]&&e.x<n[0]&&e.y>=t[1]&&e.y<n[1]}}class zV{constructor(e){this.wafermap=e,this.zoomTransform=xz,this.minScale=1.1,this.minExtentPoint=[-100,-100],this.extentPadding=100}createZoomBehavior(){this.zoomBehavior=Oz().scaleExtent([1.1,this.getZoomMax(this.wafermap.canvasWidth*this.wafermap.canvasHeight,this.wafermap.dataManager.containerDimensions.width*this.wafermap.dataManager.containerDimensions.height)]).translateExtent([this.minExtentPoint,[this.wafermap.canvasWidth+this.extentPadding,this.wafermap.canvasHeight+this.extentPadding]]).filter((e=>kz(this.wafermap.canvas).k>=this.minScale||"wheel"===e.type)).on("zoom",(e=>{this.rescale(e)})),this.zoomBehavior(lL(this.wafermap.canvas))}rescale(e){const t=e.transform
+t.k===this.minScale?(this.zoomTransform=xz,this.zoomBehavior.transform(lL(this.wafermap.canvas),xz)):this.zoomTransform=t,this.wafermap.transform=this.zoomTransform}getZoomMax(e,t){return Math.ceil(t/e*100)}}class VV{constructor(e){this.wafermap=e}mousemove(e){const t={x:e.offsetX,y:e.offsetY}
 if(!this.hoversOverDie(this.wafermap,t))return void(this.wafermap.hoverDie=void 0)
 const n=this.wafermap.transform.invert([t.x,t.y]),i=this.calculateDieCoordinates(this.wafermap,{x:n[0],y:n[1]})
-this.wafermap.hoverDie=this.wafermap.dataManager.getWaferMapDie(i)}mouseout(){this.wafermap.hoverDie=void 0}calculateDieCoordinates(e,t){const n=e.quadrant,i=n===MV||n===AV?Math.floor:Math.ceil,o=n===AV||n===EV?Math.floor:Math.ceil
+this.wafermap.hoverDie=this.wafermap.dataManager.getWaferMapDie(i)}mouseout(){this.wafermap.hoverDie=void 0}calculateDieCoordinates(e,t){const n=e.originLocation,i=n===MV||n===AV?Math.floor:Math.ceil,o=n===MV||n===IV?Math.floor:Math.ceil
 return{x:i(e.dataManager.invertedHorizontalScale(t.x-e.dataManager.margin.left)),y:o(e.dataManager.invertedVerticalScale(t.y-e.dataManager.margin.top))}}hoversOverDie(e,t){const n=e.canvasContext.getImageData(t.x,t.y,1,1).data
 let i=0
 for(const e of n)i+=e
-return i>0}}class BV{constructor(e){this.wafermap=e,this.onWheelMove=e=>{e.preventDefault()},this.onMouseMove=e=>{this.hoverHandler.mousemove(e)},this.onMouseOut=()=>{this.hoverHandler.mouseout()},this.zoomHandler=new VV(e),this.hoverHandler=new HV(e)}attachEvents(){this.zoomHandler.createZoomBehavior(),this.wafermap.addEventListener("mousemove",this.onMouseMove),this.wafermap.addEventListener("mouseout",this.onMouseOut),this.wafermap.canvas.addEventListener("wheel",this.onWheelMove,{passive:!1})}detachEvents(){this.wafermap.removeEventListener("mousemove",this.onMouseMove),this.wafermap.removeEventListener("mouseout",this.onMouseOut),this.wafermap.canvas.removeEventListener("wheel",this.onWheelMove)}}const qV=["canvasWidth","canvasHeight","quadrant","dies","maxCharacters","colorScale","colorScaleMode","highlightedValues","dieLabelsHidden","dieLabelsSuffix","transform","hoverDie"]
-class ZV extends IR{constructor(e){super(qV),this.wafermap=e,this.updateQueued=!1}get requiresEventsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("quadrant")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("highlightedValues")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")||this.isTracked("transform")}get requiresContainerDimensionsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresScalesUpdate(){return this.isTracked("quadrant")||this.isTracked("dies")}get requiresLabelsFontSizeUpdate(){return this.isTracked("maxCharacters")}get requiresDiesRenderInfoUpdate(){return this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("highlightedValues")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresDrawnWaferUpdate(){return this.isTracked("transform")}get requiresRenderHoverUpdate(){return this.isTracked("hoverDie")}queueUpdate(){this.wafermap.$fastController.isConnected&&(this.updateQueued||(this.updateQueued=!0,u.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1}))))}}class jV extends Lt{constructor(){super(...arguments),this.waferMapUpdateTracker=new ZV(this),this.quadrant=AV,this.orientation=OV,this.maxCharacters=4,this.dieLabelsHidden=!1,this.dieLabelsSuffix="",this.colorScaleMode=DV,this.dataManager=new PV(this),this.renderer=new zV(this),this.renderQueued=!1,this.transform=xz,this.hoverTransform="",this.hoverOpacity=RV,this.hoverWidth=0,this.hoverHeight=0,this.highlightedValues=[],this.dies=[],this.colorScale={colors:[],values:[]},this.eventCoordinator=new BV(this),this.resizeObserver=this.createResizeObserver()}connectedCallback(){super.connectedCallback(),this.canvasContext=this.canvas.getContext("2d",{willReadFrequently:!0}),this.resizeObserver.observe(this),this.waferMapUpdateTracker.trackAll()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}update(){this.waferMapUpdateTracker.requiresEventsUpdate?(this.eventCoordinator.detachEvents(),this.waferMapUpdateTracker.requiresContainerDimensionsUpdate?(this.dataManager.updateContainerDimensions(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresScalesUpdate?(this.dataManager.updateScales(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate?(this.dataManager.updateLabelsFontSize(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate?(this.dataManager.updateDiesRenderInfo(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresDrawnWaferUpdate&&this.renderer.drawWafer(),this.eventCoordinator.attachEvents()):this.waferMapUpdateTracker.requiresRenderHoverUpdate&&this.renderer.renderHover()}createResizeObserver(){return new ResizeObserver((e=>{const t=e[0]
+return i>0}}class HV{constructor(e){this.wafermap=e,this.onWheelMove=e=>{e.preventDefault()},this.onMouseMove=e=>{this.hoverHandler.mousemove(e)},this.onMouseOut=()=>{this.hoverHandler.mouseout()},this.zoomHandler=new zV(e),this.hoverHandler=new VV(e)}attachEvents(){this.zoomHandler.createZoomBehavior(),this.wafermap.addEventListener("mousemove",this.onMouseMove),this.wafermap.addEventListener("mouseout",this.onMouseOut),this.wafermap.canvas.addEventListener("wheel",this.onWheelMove,{passive:!1})}detachEvents(){this.wafermap.removeEventListener("mousemove",this.onMouseMove),this.wafermap.removeEventListener("mouseout",this.onMouseOut),this.wafermap.canvas.removeEventListener("wheel",this.onWheelMove)}}const BV=["canvasWidth","canvasHeight","originLocation","dies","maxCharacters","colorScale","colorScaleMode","highlightedValues","dieLabelsHidden","dieLabelsSuffix","transform","hoverDie"]
+class qV extends IR{constructor(e){super(BV),this.wafermap=e,this.updateQueued=!1}get requiresEventsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("originLocation")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("highlightedValues")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")||this.isTracked("transform")}get requiresContainerDimensionsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresScalesUpdate(){return this.isTracked("originLocation")||this.isTracked("dies")}get requiresLabelsFontSizeUpdate(){return this.isTracked("maxCharacters")}get requiresDiesRenderInfoUpdate(){return this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("highlightedValues")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresDrawnWaferUpdate(){return this.isTracked("transform")}get requiresRenderHoverUpdate(){return this.isTracked("hoverDie")}queueUpdate(){this.wafermap.$fastController.isConnected&&(this.updateQueued||(this.updateQueued=!0,u.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1}))))}}class ZV extends Lt{constructor(){super(...arguments),this.waferMapUpdateTracker=new qV(this),this.originLocation=MV,this.orientation=EV,this.maxCharacters=4,this.dieLabelsHidden=!1,this.dieLabelsSuffix="",this.colorScaleMode=RV,this.dataManager=new LV(this),this.renderer=new PV(this),this.renderQueued=!1,this.transform=xz,this.hoverTransform="",this.hoverOpacity=TV,this.hoverWidth=0,this.hoverHeight=0,this.highlightedValues=[],this.dies=[],this.colorScale={colors:[],values:[]},this.eventCoordinator=new HV(this),this.resizeObserver=this.createResizeObserver()}connectedCallback(){super.connectedCallback(),this.canvasContext=this.canvas.getContext("2d",{willReadFrequently:!0}),this.resizeObserver.observe(this),this.waferMapUpdateTracker.trackAll()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}update(){this.waferMapUpdateTracker.requiresEventsUpdate?(this.eventCoordinator.detachEvents(),this.waferMapUpdateTracker.requiresContainerDimensionsUpdate?(this.dataManager.updateContainerDimensions(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresScalesUpdate?(this.dataManager.updateScales(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate?(this.dataManager.updateLabelsFontSize(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate?(this.dataManager.updateDiesRenderInfo(),this.renderer.updateSortedDiesAndDrawWafer()):this.waferMapUpdateTracker.requiresDrawnWaferUpdate&&this.renderer.drawWafer(),this.eventCoordinator.attachEvents()):this.waferMapUpdateTracker.requiresRenderHoverUpdate&&this.renderer.renderHover()}createResizeObserver(){return new ResizeObserver((e=>{const t=e[0]
 if(void 0===t)return
 const{height:n,width:i}=t.contentRect
-this.canvas.width=i,this.canvas.height=n,this.canvasWidth=i,this.canvasHeight=n}))}quadrantChanged(){this.waferMapUpdateTracker.track("quadrant"),this.waferMapUpdateTracker.queueUpdate()}maxCharactersChanged(){this.waferMapUpdateTracker.track("maxCharacters"),this.waferMapUpdateTracker.queueUpdate()}dieLabelsHiddenChanged(){this.waferMapUpdateTracker.track("dieLabelsHidden"),this.waferMapUpdateTracker.queueUpdate()}dieLabelsSuffixChanged(){this.waferMapUpdateTracker.track("dieLabelsSuffix"),this.waferMapUpdateTracker.queueUpdate()}colorScaleModeChanged(){this.waferMapUpdateTracker.track("colorScaleMode"),this.waferMapUpdateTracker.queueUpdate()}highlightedValuesChanged(){this.waferMapUpdateTracker.track("highlightedValues"),this.waferMapUpdateTracker.queueUpdate()}diesChanged(){this.waferMapUpdateTracker.track("dies"),this.waferMapUpdateTracker.queueUpdate()}colorScaleChanged(){this.waferMapUpdateTracker.track("colorScale"),this.waferMapUpdateTracker.queueUpdate()}transformChanged(){this.waferMapUpdateTracker.track("transform"),this.waferMapUpdateTracker.queueUpdate()}canvasWidthChanged(){this.waferMapUpdateTracker.track("canvasWidth"),this.waferMapUpdateTracker.queueUpdate()}canvasHeightChanged(){this.waferMapUpdateTracker.track("canvasHeight"),this.waferMapUpdateTracker.queueUpdate()}hoverDieChanged(){this.$emit("die-hover",{currentDie:this.hoverDie}),this.waferMapUpdateTracker.track("hoverDie"),this.waferMapUpdateTracker.queueUpdate()}}e([se],jV.prototype,"quadrant",void 0),e([se],jV.prototype,"orientation",void 0),e([se({attribute:"max-characters",converter:oe})],jV.prototype,"maxCharacters",void 0),e([se({attribute:"die-labels-hidden",mode:"boolean"})],jV.prototype,"dieLabelsHidden",void 0),e([se({attribute:"die-labels-suffix"})],jV.prototype,"dieLabelsSuffix",void 0),e([se({attribute:"color-scale-mode"})],jV.prototype,"colorScaleMode",void 0),e([m],jV.prototype,"canvasWidth",void 0),e([m],jV.prototype,"canvasHeight",void 0),e([m],jV.prototype,"transform",void 0),e([m],jV.prototype,"hoverTransform",void 0),e([m],jV.prototype,"hoverOpacity",void 0),e([m],jV.prototype,"hoverWidth",void 0),e([m],jV.prototype,"hoverHeight",void 0),e([m],jV.prototype,"hoverDie",void 0),e([m],jV.prototype,"highlightedValues",void 0),e([m],jV.prototype,"dies",void 0),e([m],jV.prototype,"colorScale",void 0)
-const UV=jV.compose({baseName:"wafer-map",template:Tz,styles:Rz})
-mi.getOrCreate().withPrefix("nimble").register(UV()),mi.tagFor(jV)}()
+this.canvas.width=i,this.canvas.height=n,this.canvasWidth=i,this.canvasHeight=n}))}originLocationChanged(){this.waferMapUpdateTracker.track("originLocation"),this.waferMapUpdateTracker.queueUpdate()}maxCharactersChanged(){this.waferMapUpdateTracker.track("maxCharacters"),this.waferMapUpdateTracker.queueUpdate()}dieLabelsHiddenChanged(){this.waferMapUpdateTracker.track("dieLabelsHidden"),this.waferMapUpdateTracker.queueUpdate()}dieLabelsSuffixChanged(){this.waferMapUpdateTracker.track("dieLabelsSuffix"),this.waferMapUpdateTracker.queueUpdate()}colorScaleModeChanged(){this.waferMapUpdateTracker.track("colorScaleMode"),this.waferMapUpdateTracker.queueUpdate()}highlightedValuesChanged(){this.waferMapUpdateTracker.track("highlightedValues"),this.waferMapUpdateTracker.queueUpdate()}diesChanged(){this.waferMapUpdateTracker.track("dies"),this.waferMapUpdateTracker.queueUpdate()}colorScaleChanged(){this.waferMapUpdateTracker.track("colorScale"),this.waferMapUpdateTracker.queueUpdate()}transformChanged(){this.waferMapUpdateTracker.track("transform"),this.waferMapUpdateTracker.queueUpdate()}canvasWidthChanged(){this.waferMapUpdateTracker.track("canvasWidth"),this.waferMapUpdateTracker.queueUpdate()}canvasHeightChanged(){this.waferMapUpdateTracker.track("canvasHeight"),this.waferMapUpdateTracker.queueUpdate()}hoverDieChanged(){this.$emit("die-hover",{currentDie:this.hoverDie}),this.waferMapUpdateTracker.track("hoverDie"),this.waferMapUpdateTracker.queueUpdate()}}e([se({attribute:"origin-location"})],ZV.prototype,"originLocation",void 0),e([se],ZV.prototype,"orientation",void 0),e([se({attribute:"max-characters",converter:oe})],ZV.prototype,"maxCharacters",void 0),e([se({attribute:"die-labels-hidden",mode:"boolean"})],ZV.prototype,"dieLabelsHidden",void 0),e([se({attribute:"die-labels-suffix"})],ZV.prototype,"dieLabelsSuffix",void 0),e([se({attribute:"color-scale-mode"})],ZV.prototype,"colorScaleMode",void 0),e([m],ZV.prototype,"canvasWidth",void 0),e([m],ZV.prototype,"canvasHeight",void 0),e([m],ZV.prototype,"transform",void 0),e([m],ZV.prototype,"hoverTransform",void 0),e([m],ZV.prototype,"hoverOpacity",void 0),e([m],ZV.prototype,"hoverWidth",void 0),e([m],ZV.prototype,"hoverHeight",void 0),e([m],ZV.prototype,"hoverDie",void 0),e([m],ZV.prototype,"highlightedValues",void 0),e([m],ZV.prototype,"dies",void 0),e([m],ZV.prototype,"colorScale",void 0)
+const jV=ZV.compose({baseName:"wafer-map",template:Tz,styles:Rz})
+mi.getOrCreate().withPrefix("nimble").register(jV()),mi.tagFor(ZV)}()
 //# sourceMappingURL=all-components-bundle.min.js.map