@wafertools/wafermap 0.21.1 → 0.22.0

package/dist/packages/canvas-adapter/renderWaferGallery.js

@@ -1,20 +1,20 @@
-import{getUniqueTestNumbers as cn,resolveTestNumber as pn,findTestDef as fn}from"../renderer/buildView.js";import{getColorScheme as un}from"../renderer/colorSchemes.js";import{metadataValueColor as mn}from"../renderer/colorMap.js";import{resolveCanvasTheme as gn}from"./canvasTheme.js";import{ICONS as re}from"./icons.js";import{CLR as g,sevColor as xt,BIN_LEGEND_MODES as hn,STACKED_MODES as de,Z_ABOVE as vt,applyOverlayZ as bn,getTooltip as yn,hideTooltip as wt,createToolbarHelpers as xn,buildModeMenuEl as vn,openDetachWindow as wn,openFloatingWindow as Cn,openModal as Sn,copyWmapThemeTokens as Mn,syncWmapPopupTheme as kn,openUserGuideWindow as Bn,makePaletteBtn as En,makeLogScaleBtn as On,makeLegendStyleBtn as Dn,makeOverlaysBtn as Tn,makeOrientationBtn as Ln,overlayRootFor as In,saveImageBlob as Wn,markMenuTrigger as Ce,wireMenuA11y as Rn,wireExpandToggle as Ct,passFailMenuRows as Pn,requestedPassFailDisplay as ze,logWmapVersionOnce as An,buildDataModeEntries as Fn,metadataKeyHasData as Hn,metadataModeEntry as $n}from"./toolbar.js";import{aggregateValues as jn,aggregateBinCounts as St}from"../core/aggregates.js";import{renderWaferMap as Ne}from"./renderWaferMap.js";import{classifyChanged as zn}from"./renderWaferMap.js";import{buildWaferMap as Nn,getTestPassStatus as Vn,isParametricTest as Mt}from"../renderer/buildWaferMap.js";import{analyzeWaferMap as Se}from"../stats/analyzeWaferMap.js";import{compareNatural as _n}from"../core/utils.js";import{createSummaryPanelEl as Ve,buildMetadataStripRow as Gn,buildCompactMetadataRows as kt,metadataEntries as Bt,renderLotSummaryContent as Kn}from"./summaryPanel.js";import"../stats/facets.js";import{openHtmlReport as qn}from"../stats/renderFindingsReport.js";import{escHtml as ce,renderSection as Xn,renderSeverityBadge as Un,reportStyles as Yn}from"../stats/reportHtml.js";import{createInsightsTab as Qn}from"./insightsTab.js";import{getDieKey as Zn}from"../core/dies.js";function Me(M){const k=new Set;return M.filter(m=>k.has(m.bin)?!1:(k.add(m.bin),!0))}function Et(M,k){const m=document.createElement("div");Object.assign(m.style,{display:"flex",alignItems:"center",gap:"5px",cursor:"pointer",userSelect:"none",padding:"2px 4px",borderRadius:"3px"});const K=document.createElement("span");Object.assign(K.style,{display:"inline-block",width:"13px",height:"13px",flexShrink:"0",background:k.color,border:k.isActive?`2px solid ${g.iconActive}`:`1px solid ${g.menuBorder}`,borderRadius:"2px",boxSizing:"border-box"});const Z=document.createElement("span");Z.textContent=k.label,Object.assign(Z.style,{fontWeight:k.isActive?"700":"400",color:k.isActive?g.iconActive:g.text,whiteSpace:"nowrap"}),m.appendChild(K),m.appendChild(Z),m.setAttribute("role","button"),m.setAttribute("aria-pressed",k.isActive?"true":"false"),m.tabIndex=0,m.addEventListener("mouseenter",()=>{m.style.background=g.bgHover}),m.addEventListener("mouseleave",()=>{m.style.background="transparent"}),m.addEventListener("focus",()=>{m.style.background=g.bgHover}),m.addEventListener("blur",()=>{m.style.background="transparent"}),m.addEventListener("click",k.onClick),m.addEventListener("keydown",I=>{(I.key==="Enter"||I.key===" ")&&(I.preventDefault(),k.onClick())}),M.appendChild(m)}export function renderWaferGallery(M,k,m={}){An();const K=m.cardPadding??6,Z=m.downloadFilename??"wafer-gallery";let I=m.columns;const Ot=m.showPlotModeSelector??!0,Dt=m.showHelpButton??!1,Tt=m.userGuideExtension,_e=m.insights?.enabled??!1,Lt=bn(m.zIndex),q=m.summaryPanel,Ge=m.passBins??[1];let pe=m.fallbackFormat,T=m.lotStatsSummary,J=m.legendPosition??"default",c={plotMode:"hardBin",colorScheme:"default",showDieLabels:!1,showRingBoundaries:!1,showQuadrantBoundaries:!1,ringCount:4,rotation:0,flipX:!1,flipY:!1,...m.viewOptions},w=[],V=[],X=[],S=[],x=k.map(e=>typeof e=="function"?null:e),ke=0,fe=0;const P=new Map;let It=0,E=null,ee=null,Ke=new Set,f=null,te="lot",Wt={};function qe(e){return x[e]?.statsSummary??T?.perWafer.find(t=>t.waferIndex===e)?.summary}function ue(){return!!(x.some(e=>e?.statsSummary?.findings.length)||T?.perWafer.some(e=>e.summary.findings.length))}const Rt=yn(),U=xn(Rt),{makeBtn:_,setActive:ne,makeSep:F,makeMenuRow:Pt,makeMenuSection:At,makeDropdown:Xe,makeCheckMenuBtn:Jn,closeOpenMenu:Ue,getOpenMenu:me,setOpenMenu:ge}=U;M.ownerDocument.addEventListener("click",Ue,!0);const Ye=()=>wt();window.addEventListener("blur",Ye);function Be(e){Ke=new Set(e);const t=[...B.querySelectorAll(".wmap-gallery-card")];let n;t.forEach((i,l)=>{const o=Ke.has(l);i.style.outline=o?`3px solid ${g.findingHighlight}`:"",i.style.outlineOffset=o?"-3px":"",o&&n===void 0&&(n=i)}),n?.scrollIntoView?.({behavior:"smooth",block:"nearest"})}function Ee(){Be([])}function Oe(){for(const e of w)e&&e.clearSelection()}function De(e,t){const n=new Set(e),i=t??w.map((l,o)=>o);for(const l of i){const o=S[l],s=w[l];if(!o||!s)continue;const r=o.dies.filter(a=>n.has(Zn(a)));s.setSelection(r)}}function Qe(){const e=document.createElement("div");Object.assign(e.style,{display:"flex",gap:"4px",marginBottom:"10px",borderBottom:`1px solid ${g.menuBorder}`,paddingBottom:"8px"});for(const t of["lot","wafers"]){const n=document.createElement("button");n.type="button",n.textContent=t==="lot"?"Lot":"Wafers";const i=te===t;Object.assign(n.style,{border:"none",borderRadius:"4px",padding:"2px 8px",fontSize:"11px",cursor:"pointer",fontWeight:i?"600":"400",background:i?g.bgActive:"transparent",color:i?g.iconHover:g.icon}),n.addEventListener("click",()=>{te=t,Ee(),Oe(),W()}),e.appendChild(n)}return e}function Ft(){if(!f)return;f.innerHTML="",T&&f.appendChild(Qe());const e=[];for(let n=0;n<x.length;n++){const i=x[n];if(!i)continue;const l=qe(n)?.findings??[];if(!l.length)continue;const o=l.filter(r=>r.severity==="unusual").length,s=l.filter(r=>r.severity==="notable").length;e.push({index:n,item:i,unusualCount:o,notableCount:s,totalCount:l.length})}if(e.length>0){const n=document.createElement("button");n.type="button",n.textContent="Findings report",Object.assign(n.style,{border:`1px solid ${g.menuBorder}`,borderRadius:"4px",padding:"3px 8px",marginBottom:"10px",fontSize:"10px",color:g.iconHover,background:"none",cursor:"pointer",display:"block",width:"100%",textAlign:"left"}),n.addEventListener("click",()=>{const i=`Findings report \u2014 ${e.length} wafer${e.length>1?"s":""}`,l=new Date().toLocaleString(),o=e.map(({item:r,index:a})=>{const d=qe(a),p=r.label??`W${a+1}`,h=d.findings.map(u=>`<li>${Un(u.severity)} ${ce(u.summary)}</li>`).join("");return Xn(ce(p),`<ul style="margin:0;padding-left:18px;list-style:none">${h}</ul>`)}).join(`
+import{getUniqueTestNumbers as yn,resolveTestNumber as xn,findTestDef as wn}from"../renderer/buildView.js";import{getColorScheme as vn}from"../renderer/colorSchemes.js";import{metadataValueColor as Cn}from"../renderer/colorMap.js";import{resolveCanvasTheme as Sn}from"./canvasTheme.js";import{ICONS as pe}from"./icons.js";import{CLR as g,sevColor as Mt,BIN_LEGEND_MODES as Mn,STACKED_MODES as ue,Z_ABOVE as kt,applyOverlayZ as kn,getTooltip as Bn,hideTooltip as Bt,createToolbarHelpers as En,buildModeMenuEl as On,openDetachWindow as Dn,openFloatingWindow as Tn,openModal as Wn,copyWmapThemeTokens as Ln,syncWmapPopupTheme as In,openUserGuideWindow as Rn,makePaletteBtn as Pn,makeLogScaleBtn as An,makeLegendStyleBtn as Fn,makeOverlaysBtn as Hn,makeOrientationBtn as $n,overlayRootFor as Et,saveImageBlob as jn,markMenuTrigger as me,wireMenuA11y as Ot,wireExpandToggle as Dt,passFailMenuRows as zn,requestedPassFailDisplay as Ge,logWmapVersionOnce as Nn,buildDataModeEntries as Vn,metadataKeyHasData as _n,metadataModeEntry as Gn}from"./toolbar.js";import{aggregateValues as Kn,aggregateBinCounts as Tt}from"../core/aggregates.js";import{renderWaferMap as Ke}from"./renderWaferMap.js";import{classifyChanged as qn}from"./renderWaferMap.js";import{buildWaferMap as Xn,getTestPassStatus as Un,isParametricTest as Wt}from"../renderer/buildWaferMap.js";import{analyzeWaferMap as Ee}from"../stats/analyzeWaferMap.js";import{collectWarnings as Yn,buildWarningsMenuEl as Qn,severityOf as Zn}from"./warnings.js";import{compareNatural as Jn}from"../core/utils.js";import{createSummaryPanelEl as qe,buildMetadataStripRow as ea,buildCompactMetadataRows as Lt,metadataEntries as It,renderLotSummaryContent as ta}from"./summaryPanel.js";import"../stats/facets.js";import{openHtmlReport as na}from"../stats/renderFindingsReport.js";import{escHtml as ge,renderSection as aa,renderSeverityBadge as ia,reportStyles as oa}from"../stats/reportHtml.js";import{createInsightsTab as la}from"./insightsTab.js";import{getDieKey as sa}from"../core/dies.js";function Oe(S){const k=new Set;return S.filter(u=>k.has(u.bin)?!1:(k.add(u.bin),!0))}function Rt(S,k){const u=document.createElement("div");Object.assign(u.style,{display:"flex",alignItems:"center",gap:"5px",cursor:"pointer",userSelect:"none",padding:"2px 4px",borderRadius:"3px"});const X=document.createElement("span");Object.assign(X.style,{display:"inline-block",width:"13px",height:"13px",flexShrink:"0",background:k.color,border:k.isActive?`2px solid ${g.iconActive}`:`1px solid ${g.menuBorder}`,borderRadius:"2px",boxSizing:"border-box"});const ee=document.createElement("span");ee.textContent=k.label,Object.assign(ee.style,{fontWeight:k.isActive?"700":"400",color:k.isActive?g.iconActive:g.text,whiteSpace:"nowrap"}),u.appendChild(X),u.appendChild(ee),u.setAttribute("role","button"),u.setAttribute("aria-pressed",k.isActive?"true":"false"),u.tabIndex=0,u.addEventListener("mouseenter",()=>{u.style.background=g.bgHover}),u.addEventListener("mouseleave",()=>{u.style.background="transparent"}),u.addEventListener("focus",()=>{u.style.background=g.bgHover}),u.addEventListener("blur",()=>{u.style.background="transparent"}),u.addEventListener("click",k.onClick),u.addEventListener("keydown",L=>{(L.key==="Enter"||L.key===" ")&&(L.preventDefault(),k.onClick())}),S.appendChild(u)}export function renderWaferGallery(S,k,u={}){Nn();const X=u.cardPadding??6,ee=u.downloadFilename??"wafer-gallery";let L=u.columns;const Pt=u.showPlotModeSelector??!0,At=u.showHelpButton??!1,Ft=u.userGuideExtension,Xe=u.insights?.enabled??!1,Ht=kn(u.zIndex),U=u.summaryPanel,Ue=u.passBins??[1];let he=u.fallbackFormat,O=u.lotStatsSummary,te=u.legendPosition??"default",c={plotMode:"hardBin",colorScheme:"default",showDieLabels:!1,showRingBoundaries:!1,showQuadrantBoundaries:!1,ringCount:4,rotation:0,flipX:!1,flipY:!1,...u.viewOptions},v=[],K=[],Y=[],M=[],y=k.map(e=>typeof e=="function"?null:e),De=0,be=0;const P=new Map;let $t=0,D=null,ne=null,Ye=new Set,p=null,ae="lot",jt={};function Qe(e){return y[e]?.statsSummary??O?.perWafer.find(t=>t.waferIndex===e)?.summary}function ye(){return!!(y.some(e=>e?.statsSummary?.findings.length)||O?.perWafer.some(e=>e.summary.findings.length))}const zt=Bn(),Q=En(zt),{makeBtn:V,setActive:ie,makeSep:A,makeMenuRow:Nt,makeMenuSection:Vt,makeDropdown:Ze,makeCheckMenuBtn:ra,closeOpenMenu:xe,getOpenMenu:oe,setOpenMenu:le}=Q;S.ownerDocument.addEventListener("click",xe,!0);const Je=()=>Bt();window.addEventListener("blur",Je);function Te(e){Ye=new Set(e);const t=[...E.querySelectorAll(".wmap-gallery-card")];let n;t.forEach((a,l)=>{const o=Ye.has(l);a.style.outline=o?`3px solid ${g.findingHighlight}`:"",a.style.outlineOffset=o?"-3px":"",o&&n===void 0&&(n=a)}),n?.scrollIntoView?.({behavior:"smooth",block:"nearest"})}function We(){Te([])}function Le(){for(const e of v)e&&e.clearSelection()}function Ie(e,t){const n=new Set(e),a=t??v.map((l,o)=>o);for(const l of a){const o=M[l],s=v[l];if(!o||!s)continue;const r=o.dies.filter(i=>n.has(sa(i)));s.setSelection(r)}}function et(){const e=document.createElement("div");Object.assign(e.style,{display:"flex",gap:"4px",marginBottom:"10px",borderBottom:`1px solid ${g.menuBorder}`,paddingBottom:"8px"});for(const t of["lot","wafers"]){const n=document.createElement("button");n.type="button",n.textContent=t==="lot"?"Lot":"Wafers";const a=ae===t;Object.assign(n.style,{border:"none",borderRadius:"4px",padding:"2px 8px",fontSize:"11px",cursor:"pointer",fontWeight:a?"600":"400",background:a?g.bgActive:"transparent",color:a?g.iconHover:g.icon}),n.addEventListener("click",()=>{ae=t,We(),Le(),I()}),e.appendChild(n)}return e}function _t(){if(!p)return;p.innerHTML="",O&&p.appendChild(et());const e=[];for(let n=0;n<y.length;n++){const a=y[n];if(!a)continue;const l=Qe(n)?.findings??[];if(!l.length)continue;const o=l.filter(r=>r.severity==="unusual").length,s=l.filter(r=>r.severity==="notable").length;e.push({index:n,item:a,unusualCount:o,notableCount:s,totalCount:l.length})}if(e.length>0){const n=document.createElement("button");n.type="button",n.textContent="Findings report",Object.assign(n.style,{border:`1px solid ${g.menuBorder}`,borderRadius:"4px",padding:"3px 8px",marginBottom:"10px",fontSize:"10px",color:g.iconHover,background:"none",cursor:"pointer",display:"block",width:"100%",textAlign:"left"}),n.addEventListener("click",()=>{const a=`Findings report \u2014 ${e.length} wafer${e.length>1?"s":""}`,l=new Date().toLocaleString(),o=e.map(({item:r,index:i})=>{const d=Qe(i),f=r.label??`W${i+1}`,h=d.findings.map(m=>`<li>${ia(m.severity)} ${ge(m.summary)}</li>`).join("");return aa(ge(f),`<ul style="margin:0;padding-left:18px;list-style:none">${h}</ul>`)}).join(`
 `),s=`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
-<title>${ce(i)}</title>
+<title>${ge(a)}</title>
 <style>
-${Yn()}
+${oa()}
 </style>
 </head>
 <body>
 <main class="report">
   <header class="report-header">
-    <h1>${ce(i)}</h1>
-    <p class="report-subtitle">Generated ${ce(l)}</p>
+    <h1>${ge(a)}</h1>
+    <p class="report-subtitle">Generated ${ge(l)}</p>
   </header>
   ${o}
 </main>
 </body>
-</html>`;qn(s)}),f.appendChild(n)}if(e.length===0){const n=document.createElement("div");Object.assign(n.style,{color:g.icon,fontSize:"11px",padding:"4px 0"}),n.textContent="No findings on any wafer.",f.appendChild(n)}else for(const{index:n,item:i,unusualCount:l,notableCount:o,totalCount:s}of e){const r=l?"unusual":o?"notable":"info",a=l+o||s,d=document.createElement("button");d.type="button",Object.assign(d.style,{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"5px 8px",marginBottom:"4px",border:"none",borderLeft:`3px solid ${xt(r)}`,borderRadius:"3px",background:g.bgHover,cursor:"pointer",fontSize:"11px",textAlign:"left",boxSizing:"border-box"}),d.addEventListener("mouseover",()=>{d.style.background=g.bgActive}),d.addEventListener("mouseout",()=>{d.style.background=g.bgHover});const p=document.createElement("span");p.textContent=i.label??`W${n+1}`,Object.assign(p.style,{color:g.iconHover,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});const h=document.createElement("span");h.textContent=String(a),Object.assign(h.style,{marginLeft:"6px",flexShrink:"0",background:xt(r),color:"#fff",borderRadius:"8px",padding:"1px 5px",fontSize:"10px",fontWeight:"600"}),d.appendChild(p),d.appendChild(h),d.addEventListener("click",()=>ve(n,i)),f.appendChild(d)}const t=document.createElement("div");t.style.height="12px",f.appendChild(t)}function W(){if(f)if(te==="lot"&&T){const e=Me(x.flatMap(n=>n?.hbinDefs??[])),t=Me(x.flatMap(n=>n?.sbinDefs??[]));Kn(f,{lotSummary:T,items:x,hbinDefs:e.length?e:void 0,sbinDefs:t.length?t:void 0,testDefs:x.find(n=>n?.testDefs?.length)?.testDefs,passBins:Ge,ringCount:c.ringCount,colorScheme:c.colorScheme,fallbackFormat:pe,activeFindingId:ee,findingsFilter:Wt,onFindingsFilterChange:W,onSaveText:m.onSaveText,onFindingClick:(n,i)=>{ee===n.id?Te():Ht(n,i),W()},onWaferClick:n=>{Be([n])}}),ue()&&f.insertBefore(Qe(),f.firstChild)}else Ft()}function Ze(e){return[e.variable.kind,e.variable.index??"",e.variable.bin??"",e.comparison.family,e.comparison.left,e.effect.direction].join("|")}function Te(){ee=null,Ee(),Oe(),v({highlightBin:void 0},{fireCallback:!1})}function Ht(e,t){if(ee===e.id){Te();return}ee=e.id,t.style.background=g.bgActive,t.style.fontWeight="600";const{kind:n,index:i}=e.variable;n==="test"?v({plotMode:"value",activeTest:i??0,highlightBin:void 0},{fireCallback:!1}):n==="softBin"?v({plotMode:"softBin",highlightBin:void 0},{fireCallback:!1}):v({plotMode:"hardBin",highlightBin:void 0},{fireCallback:!1}),Ee(),Oe();const l=e.highlight;if(l.kind==="wafer"){Be(l.waferIndices);const o=Ze(e);for(const s of l.waferIndices){const d=S[s]?.statsSummary?.findings.find(p=>Ze(p)===o)?.highlight?.dieKeys;d?.length&&De(d,[s])}}else l.kind==="bin"?l.dieKeys?.length&&De(l.dieKeys):(l.kind==="region"||l.kind==="dies")&&l.dieKeys?.length&&De(l.dieKeys)}function G(){if(!E)return;const e=!!f;E.style.display=(T||ue())&&e&&!Ie?"flex":"none";const t=f?f.style.display!=="none":!1;(T?.hasNotableFindings||x.some(i=>i?.statsSummary?.hasNotableFindings))&&!t?E.style.color=g.findingIndicator:E.dataset.active||(E.style.color=g.icon)}const L=document.createElement("div");L.dataset.wmapToolbar="gallery",Object.assign(L.style,{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"0",background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"6px",padding:"3px 4px",marginBottom:"10px",boxShadow:"0 1px 4px rgba(0,0,0,0.10)",flexWrap:"wrap",minWidth:"0",overflowX:"auto"});const Je=()=>{const e=me();e&&(e.remove(),ge(null)),Ce(H,!1)},H=_("mode","Plot mode",()=>{if(me()){Je();return}const e=x.flatMap(u=>u?.dies??[]),t=x.find(u=>u?.testDefs?.length)?.testDefs,{testEntries:n,binEntries:i,stackedEntries:l}=Fn(e,t,{includeStacked:!0}),o=c.plotMode??"hardBin",s=c.activeTest??0;function r(u){return u.plotMode!==o?!1:u.plotMode==="value"?s===(u.activeTest??0):u.plotMode==="metadata"?c.activeMetadataKey===u.activeMetadataKey:!0}function a(u,O){u.activeTest!==void 0?v({plotMode:"value",activeTest:u.activeTest,activeMetadataKey:void 0,logScale:u.logScale}):u.activeMetadataKey!==void 0?v({plotMode:u.plotMode,activeTest:void 0,activeMetadataKey:u.activeMetadataKey,passFailDisplay:"off"}):v({plotMode:u.plotMode,activeTest:void 0,activeMetadataKey:void 0,passFailDisplay:"off"}),O.remove(),ge(null),Ce(H,!1)}const d=new Set,p=x.flatMap(u=>u?.metadataFields??[]).filter(u=>!d.has(u.key)&&d.add(u.key)).filter(u=>Hn(e,u.key)).map($n),h=vn(H.getBoundingClientRect(),n,i,l,r,a,{makeMenuRow:Pt,makeMenuSection:At},o,H.ownerDocument.defaultView??window,p);In(H).appendChild(h),ge(h),Ce(H,!0),Rn(h,H,Je)});Ce(H,!1);const $t=()=>S.flatMap(e=>e?[...e.hbinDefs??[],...e.sbinDefs??[]]:[]).some(e=>e.color),{btn:jt,sync:et}=En(U,()=>c.plotMode??"hardBin",()=>c.colorScheme??"default",$t,e=>v({colorScheme:e}));et();const zt=k.some(e=>typeof e!="function"&&(e.reticles?.length??0)>0);function Le(){const e=x.find(n=>n?.testDefs?.length)?.testDefs,{testNumber:t}=pn(c.activeTest??0,e);return{testNumber:t,td:fn(e,t)}}function tt(){if((c.plotMode??"hardBin")!=="value")return!1;const{td:e}=Le();return e!==void 0&&(e.limitLow!==void 0||e.limitHigh!==void 0)}function ie(){if((c.plotMode??"hardBin")!=="value")return!1;const{td:e}=Le();return e!==void 0&&!Mt(e)}function Nt(){if((c.plotMode??"hardBin")!=="value")return!1;const{testNumber:e,td:t}=Le();return x.some(n=>n?.dies?.some(i=>Vn(i,e,t)!==void 0))}const Vt=Tn(U,()=>[{label:"Ring boundaries",active:!!c.showRingBoundaries,onClick:()=>v({showRingBoundaries:!c.showRingBoundaries})},{label:"Quadrant lines",active:!!c.showQuadrantBoundaries,onClick:()=>v({showQuadrantBoundaries:!c.showQuadrantBoundaries})},{label:"Die labels",active:!!c.showDieLabels,onClick:()=>v({showDieLabels:!c.showDieLabels})},{label:"Reticle grid",active:!!c.showReticle,enabled:zt,onClick:()=>v({showReticle:!c.showReticle})},{label:"XY indicator",active:!!c.showXYIndicator,onClick:()=>v({showXYIndicator:!c.showXYIndicator})},...Pn({functionalActive:ie(),hasLimits:tt()&&!ie(),hasRecorded:Nt()&&!ie(),display:ze(c)},e=>v({passFailDisplay:e}))],()=>!!(c.showRingBoundaries||c.showQuadrantBoundaries||c.showDieLabels||c.showReticle||c.showXYIndicator||ze(c)!=="off")),{btn:_t,sync:nt}=Dn(U,()=>({plotMode:c.plotMode,legendPosition:J}),e=>{J=e;for(const t of w)t&&t.setOptions({legendPosition:J})});nt();const Gt=[{value:"mean",label:"Mean"},{value:"median",label:"Median"},{value:"stddev",label:"Std Dev"},{value:"min",label:"Min"},{value:"max",label:"Max"},{value:"count",label:"Count"}],it=Xe("aggr","Aggregation method",()=>Gt,()=>c.aggregationMethod??"mean",e=>v({aggregationMethod:e}));function at(){const e=c.plotMode==="stackedValues";it.style.display=e?"":"none"}at();const{btn:Kt,sync:ot}=On(U,()=>({...c,functionalActive:ie()}),e=>v(e));ot();const he=_("specRange","Colorbar range: spec limits",()=>{const e=c.colorbarRangeMode==="data"?"spec":"data";v({colorbarRangeMode:e})});function lt(){const e=(c.plotMode??"hardBin")==="value"&&tt()&&ze(c)==="off"&&!ie();he.style.display=e?"":"none";const t=(c.colorbarRangeMode??"spec")==="spec";ne(he,t),he.ariaLabel=t?"Colorbar range: spec limits (click for data range)":"Colorbar range: data range (click for spec limits)"}lt();const qt=Ln(U,()=>c,e=>v(e)),Xt=_("downloadAll","Download gallery PNG",rn),Ut=Xe("columns","Columns",()=>[{value:"auto",label:"Auto"},{value:"1",label:"1 column"},{value:"2",label:"2 columns"},{value:"3",label:"3 columns"},{value:"4",label:"4 columns"},{value:"5",label:"5 columns"}],()=>I!=null?String(I):"auto",e=>mt(e==="auto"?void 0:Number(e))),C=document.createElement("div");Object.assign(C.style,{display:"inline-flex",alignItems:"center",gap:"0"}),L.appendChild(C),Ot&&C.appendChild(H),C.appendChild(jt),C.appendChild(it),C.appendChild(Kt),C.appendChild(he),C.appendChild(F()),C.appendChild(Vt),C.appendChild(F()),C.appendChild(_t),C.appendChild(F()),C.appendChild(qt),C.appendChild(F()),C.appendChild(Ut),C.appendChild(F()),C.appendChild(Xt),(T||ue())&&(E=_("findings","Summary panel",()=>{if(!f)return;const e=f.style.display!=="none";e||W(),f.style.display=e?"none":"flex",ne(E,!e),G()}),L.appendChild(F()),L.appendChild(E));let Y=null;_e&&(Y=_("analysis","Insights",()=>{const e=Q?.style.display!=="none";rt(!e)}),L.appendChild(F()),L.appendChild(Y));function st(){import("./userGuideHtml.js").then(e=>Bn({buildWaferMap:Nn,renderWaferMap:Ne,renderWaferGallery,analyzeWaferMap:Se},e.USER_GUIDE_HTML,Tt,M))}Dt&&(L.appendChild(F()),L.appendChild(_("help","User guide",()=>st())));const N=document.createElement("div");Object.assign(N.style,{display:"flex",flexDirection:"column",gap:"6px",background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"6px",padding:"6px 10px",marginBottom:"10px",boxShadow:"0 1px 4px rgba(0,0,0,0.10)",fontSize:"12px",lineHeight:"1",boxSizing:"border-box",width:"100%",minWidth:"0"});const A=document.createElement("div");Object.assign(A.style,{display:"flex",flexDirection:"row",gap:"12px",alignItems:"flex-start"});let ae=null,Q=null;_e&&(ae=Qn({getItems:()=>x,getLotStats:()=>T,getColorSchemeName:()=>c.colorScheme??"default",passBins:Ge,getRingCount:()=>c.ringCount??4,defaultView:m.insights?.defaultView,backTab:{label:"Gallery",onBack:()=>rt(!1)},showMetadataStrip:!1,onSaveImage:m.onSaveImage,onSaveText:m.onSaveText,openWafer:(e,t,n)=>{const i=x[e];if(!i)return;let l=null;const o=Sn({title:t,onClose:()=>l?.destroy(),anchor:M});ht(o,t,i.wafer.metadata??void 0),l=Fe(o.contentWrap,i,n)}}),Q=ae.el);let Ie=!1;function rt(e){!ae||!Q||(Ie=e,Q.style.display=e?"flex":"none",A.style.display=e?"none":"flex",C.style.display=e?"none":"inline-flex",Y&&(ne(Y,e),Y.innerHTML=e?re.wafer:re.analysis,Y.ariaLabel=e?"Back to gallery view":"Insights"),G(),xe(),e&&ae.render())}const Yt=4,We=240,dt=480,Qt=720,Zt=1.25,ct=m.maxSize;let $=ct??dt;function pt(e){const t=K*2+110+2;let n=null;for(const i of e){if(i==null||!i.dies?.length)continue;const l=i.dies[0].width;if(!(l>0))continue;const o=i.wafer.radius*2*(Yt/l),s=Math.ceil(o+t);(n==null||s>n)&&(n=s)}return n}function Jt(e){const t=pt(e);return t==null?We:Math.min($,Math.max(We,t))}function en(e){if(ct!=null)return!1;const t=pt(e);if(t==null)return!1;const n=Math.min(Qt,Math.max(dt,t));return n<=$?!1:($=n,!0)}function tn(){for(const e of Array.from(B.children))e.classList.contains("wmap-gallery-card")&&(e.style.maxWidth=`${$}px`,e.style.maxHeight=`${$}px`)}let be=We,ft=0;function ut(e){const t=en(e);if(t&&tn(),I!=null){t&&ye();return}const n=Jt(e);n>be&&(be=n),ye()}function mt(e){I=e,ye()}function Re(e){return`repeat(${e}, minmax(0, ${$}px))`}function ye(){if(I!=null){B.style.gridTemplateColumns=Re(I);return}const e=Math.max(1,ft),t=12,n=B.clientWidth||0,i=o=>(n-t*(o-1))/o;let l=Math.max(1,Math.ceil(Math.sqrt(e)));if(n>0){for(;l>1&&i(l)<be;)l--;const o=Math.min($,be*Zt);for(;l<e&&i(l+1)>=o;)l++}B.style.gridTemplateColumns=Re(l)}const B=document.createElement("div");if(Object.assign(B.style,{flex:"1 1 0",minWidth:"0",display:"grid",gridTemplateColumns:Re(1),gap:"12px",justifyContent:"start",alignContent:"start"}),te=T?"lot":"wafers",q?.placement){const e=q.placement;f=Ve(e),f.style.maxHeight="calc(100vh - 80px)",f.style.position="sticky",f.style.top="8px",f.style.display="flex",f.style.flexDirection="column"}else if(T||ue()){const e=!!q?.defaultOpen;f=Ve("right"),f.style.maxHeight="calc(100vh - 80px)",f.style.position="sticky",f.style.top="8px",f.style.flexDirection="column",f.style.display=e?"flex":"none",W()}G(),f?.style.display!=="none"&&E&&ne(E,!0),(q?.placement??"right")==="left"?(f&&A.appendChild(f),A.appendChild(B)):(A.appendChild(B),f&&A.appendChild(f)),M.appendChild(L),M.appendChild(N),M.appendChild(A),Q&&M.appendChild(Q);function xe(){N.innerHTML="";const e=c.plotMode??"hardBin",t=!Ie&&hn.has(e),n=S.filter(b=>b!=null),i=n.find(b=>b.isLotStack),l=Gn(n.map(b=>({metadata:b.wafer.metadata??void 0})),i?{lotSize:i.lotSize??n.length,aggrMethod:i.aggrMethod}:void 0),o=e==="metadata",s=c.activeMetadataKey,r=new Set;if(t&&!o)for(const b of n)for(const D of b.dies){if(D.partial)continue;const y=e==="softBin"?D.sbin:D.hbin;y!=null&&r.add(y)}const a=t&&!o?[...r].sort((b,D)=>b-D):[],d=new Set;if(t&&o&&s)for(const b of n)for(const D of b.dies){if(D.partial)continue;const y=D.metadata?.[s];y!=null&&(typeof y=="string"||typeof y=="number"||typeof y=="boolean")&&d.add(String(y))}const p=t&&o?[...d].sort(_n):[];if(!l&&!a.length&&!p.length){N.style.display="none";return}if(N.style.display="flex",l&&N.appendChild(l),!a.length&&!p.length)return;const h=document.createElement("div");Object.assign(h.style,{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px 14px"}),l&&Object.assign(h.style,{borderTop:`1px solid ${g.separator}`,paddingTop:"6px"}),N.appendChild(h);const u=un(c.colorScheme),O=c.highlightBin;if(o){const b=c.highlightMetadataValue,D=S.flatMap(y=>y?.metadataFields??[]).find(y=>y.key===s);p.forEach((y,He)=>{const $e=b===y,yt=D?.values?.find(je=>je.value===y),dn=yt?.color??mn(He);Et(h,{color:dn,isActive:$e,label:yt?.label??y,onClick:()=>{const je=c.highlightMetadataValue===y?void 0:y;v({highlightMetadataValue:je})}})});return}const z=e==="softBin"?S.flatMap(b=>b?.sbinDefs??[]):S.flatMap(b=>b?.hbinDefs??[]),R=new Set,le=[];for(const b of z)R.has(b.bin)||(R.add(b.bin),le.push(b));const se=le.length>0?new Map(le.map(b=>[b.bin,b])):null;for(const b of a){const D=O===b,y=se?.get(b),He=(c.colorScheme==="custom"?y?.color:void 0)??u.forBin(b);Et(h,{color:He,isActive:D,label:y?.name?`${b} \xB7 ${y.name}`:`Bin ${b}`,onClick:()=>{const $e=c.highlightBin===b?void 0:b;v({highlightBin:$e})}})}}function oe(e){const t=x.filter(r=>r!==null);if(!t.length)return[];const n=t.map(r=>r.dies),i=t[0].wafer,l=t.length,o=i.metadata?{...i,metadata:(({wafer:r,waferId:a,...d})=>d)(i.metadata)}:i;function s(r,a){return{...r,stats:{...r.stats,isLotStack:!0,aggregationMethod:a,lotSize:l}}}if(e==="stackedValues"){const r=t.find(p=>p.testDefs?.length)?.testDefs;let a=r?.filter(Mt);if(r?.length||(a=cn(t.flatMap(h=>h.dies)).map(h=>({testNumber:h,name:`Test ${h}`}))),!a?.length)return[];const d=c.aggregationMethod??"mean";return a.map(p=>{const h=jn(n,d,p.testNumber),u={testNumber:0,name:p.name,unit:p.unit};return{wafer:o,dies:h,testDefs:[u],label:`${p.name} \xB7 ${d}`,isLotStack:!0,aggrMethod:d,lotSize:l,statsSummary:s(Se({wafer:o,dies:h,testDefs:[u]},{testNumbers:[0]}),d)}})}if(e==="stackedBins"){let r=Me(t.flatMap(a=>a.hbinDefs??[]));return(!r||r.length===0)&&(r=[...new Set(t.flatMap(d=>d.dies.map(p=>p.hbin).filter(p=>p!=null)))].sort((d,p)=>d-p).map(d=>({bin:d,name:`Bin ${d}`}))),r.map(a=>{const d=St(n,a.bin,"hard"),p=[{bin:a.bin,name:a.name}];return{wafer:o,dies:d,hbinDefs:p,label:`${a.bin} \xB7 ${a.name}`,isLotStack:!0,aggrMethod:"countBin",lotSize:l,statsSummary:s(Se({wafer:o,dies:d,hbinDefs:p}),"countBin")}})}if(e==="stackedSoftBins"){let r=Me(t.flatMap(a=>a.sbinDefs??[]));return(!r||r.length===0)&&(r=[...new Set(t.flatMap(d=>d.dies.map(p=>p.sbin).filter(p=>p!=null)))].sort((d,p)=>d-p).map(d=>({bin:d,name:`Bin ${d}`}))),r.map(a=>{const d=St(n,a.bin,"soft"),p=[{bin:a.bin,name:a.name}];return{wafer:o,dies:d,sbinDefs:p,label:`${a.bin} \xB7 ${a.name}`,isLotStack:!0,aggrMethod:"countBin",lotSize:l,statsSummary:s(Se({wafer:o,dies:d,sbinDefs:p}),"countBin")}})}return t}function Pe(e){const t=x.length;return e==="stackedBins"||e==="stackedSoftBins"?{valueRange:[0,t],lotSize:t}:e==="stackedValues"?{aggregationMethod:c.aggregationMethod??"mean",valueRange:void 0,lotSize:void 0}:{}}const nn=new Set(["default","accessible","custom"]);function v(e,{fireCallback:t=!0}={}){const n=c.plotMode;c={...c,...e};const i=c.plotMode,l=de.has(i),o=n!==void 0&&de.has(n),s=fe>0;if(e.plotMode!==void 0&&e.plotMode!==n&&(i==="hardBin"||i==="softBin")&&!nn.has(c.colorScheme??"")&&(c={...c,colorScheme:"default"}),e.plotMode!==void 0)if(l){const a=Pe(i);if(c={...c,...a},s)for(const d of w)d&&d.setOptions(e);else j(oe(i))}else if(o){const{valueRange:a,lotSize:d,aggregationMethod:p,...h}=c;if(c=h,s)for(const u of w)u&&u.setOptions(e);else j(x.filter(u=>u!==null))}else for(const a of w)a&&a.setOptions(e);else if(e.aggregationMethod!==void 0&&i==="stackedValues")if(s)for(const a of w)a&&a.setOptions(e);else j(oe("stackedValues"));else for(const a of w)a&&a.setOptions(e);xe(),at(),nt(),et();const r=e.plotMode!==void 0&&e.plotMode!==n;if((e.colorScheme!==void 0||r)&&W(),ot(),lt(),t){const a=Object.keys(e);m.onViewOptionsChange?.(c,a,zn(a))}}function gt(e,t,n){const i=e.createElement("div");Object.assign(i.style,{display:"flex",alignItems:"center",gap:"4px",flex:"1",minWidth:"0"});const l=e.createElement("span");l.textContent=t,Object.assign(l.style,{fontWeight:"700",fontSize:"13px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),i.appendChild(l);const o=Bt(n??{});let s=null;if(o.length>0){const r=e.createElement("span");Object.assign(r.style,{fontSize:"12px",lineHeight:"1",color:g.label,flexShrink:"0"}),r.textContent="\u25BE",i.appendChild(r),Object.assign(i.style,{cursor:"pointer"}),s=e.createElement("div"),s.dataset.wmapCardMetaPanel="1",Object.assign(s.style,{position:"absolute",top:"0",left:"0",right:"0",zIndex:vt,background:g.menuBg,borderBottom:`1px solid ${g.menuBorder}`,boxShadow:"0 2px 6px rgba(0,0,0,0.15)",padding:"8px 10px",fontSize:"11px",display:"none"});const a=kt(n??{});a&&s.appendChild(a),i.setAttribute("aria-expanded","false"),i.setAttribute("aria-label",`Wafer info for ${t||"this card"}. Click to expand.`),Ct(i,d=>{r.textContent=d?"\u25B4":"\u25BE",i.setAttribute("aria-expanded",String(d)),s&&(s.style.display=d?"block":"none")})}return{wrap:i,metaPanel:s}}function ht(e,t,n){const i=e.box.querySelector("[data-wmap-window-title]"),l=Bt(n??{});if(!i||l.length===0)return;const o=i.parentElement,s=document.createElement("div");Object.assign(s.style,{display:"flex",alignItems:"center",gap:"4px",flex:"1",minWidth:"0",cursor:"pointer"}),o?.insertBefore(s,i),s.appendChild(i);const r=document.createElement("span");Object.assign(r.style,{fontSize:"12px",lineHeight:"1",color:g.label,flexShrink:"0"}),r.textContent="\u25BE",s.appendChild(r);const a=document.createElement("div");a.dataset.wmapCardMetaPanel="1",Object.assign(a.style,{position:"absolute",top:"0",left:"0",right:"0",zIndex:vt,background:g.menuBg,borderBottom:`1px solid ${g.menuBorder}`,boxShadow:"0 2px 6px rgba(0,0,0,0.15)",padding:"8px 10px",fontSize:"11px",display:"none"});const d=kt(n??{});d&&a.appendChild(d),e.contentWrap.style.position="relative",e.contentWrap.appendChild(a),s.setAttribute("aria-expanded","false"),s.setAttribute("aria-label",`Wafer info for ${t}. Click to expand.`),Ct(s,p=>{r.textContent=p?"\u25B4":"\u25BE",s.setAttribute("aria-expanded",String(p)),a.style.display=p?"block":"none"})}function Ae(e,t,n){const i=document.createElement("div");i.className="wmap-gallery-card",Object.assign(i.style,{background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"10px",overflow:"hidden",display:"flex",flexDirection:"column",position:"relative",aspectRatio:"1",maxWidth:`${$}px`,maxHeight:`${$}px`});const l=document.createElement("div");Object.assign(l.style,{display:"flex",alignItems:"center",padding:"8px 10px 6px",borderBottom:`1px solid ${g.menuBorder}`,flexShrink:"0",gap:"6px"});const{wrap:o,metaPanel:s}=gt(document,e.label??"",e.wafer.metadata??void 0);l.appendChild(o);const r=document.createElement("button");r.dataset.wmapExpandBtn="1",r.title="Open full view",r.innerHTML=re.expand,Object.assign(r.style,{display:"flex",alignItems:"center",justifyContent:"center",border:`1px solid ${g.menuBorder}`,borderRadius:"4px",background:g.panelBg,color:g.label,padding:"2px",cursor:"pointer",flexShrink:"0",width:"22px",height:"22px"}),l.appendChild(r),i.appendChild(l);const a=document.createElement("div");Object.assign(a.style,{position:"relative",flex:"1",minHeight:"0",overflow:"hidden",display:"flex",flexDirection:"column"}),i.appendChild(a),s&&a.appendChild(s),B.appendChild(i);const d=Ne(a,e,{viewOptions:e.viewOptions?{...c,...e.viewOptions}:c,toolbarControls:"full",showTooltip:!0,padding:K,legendPosition:J,fallbackFormat:pe,statsSummary:e.statsSummary,onSaveImage:m.onSaveImage,onSaveText:m.onSaveText,onClick:e.onClick,onSelect:e.onSelect,onExpand:()=>ve(t,e),showMetadataBadge:!1});return d.setViewControlsVisible(!1),d.setSummaryVisible(!1),r.onclick=()=>ve(t,e),{card:i,ctrl:d,canvasWrapper:a,expandBtn:r}}function an(e){const t=X[e];if(!t)return;const n=[...P.values()].find(i=>i.cardIndex===e);n?(t.innerHTML=re.minimize,t.title="Reattach to gallery",t.setAttribute("aria-label","Reattach to gallery"),t.onclick=()=>ln(n.id)):(t.innerHTML=re.expand,t.title="Open full view",t.setAttribute("aria-label","Open full view"),t.onclick=()=>ve(e,S[e]))}function j(e){sn(),me()?.remove(),ge(null),Te(),S=[];for(const s of w)s&&s.destroy();w=[],V=[],X=[],fe=0,B.innerHTML="",ft=e.length,ut(e.map(s=>typeof s=="function"?null:s));const t=[];for(let s=0;s<e.length;s++){const r=e[s];if(typeof r=="function"){const a=document.createElement("div");a.className="wmap-gallery-card",Object.assign(a.style,{background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"10px",aspectRatio:"1",display:"flex",alignItems:"center",justifyContent:"center"});const d=document.createElement("span");d.textContent="\u2026",Object.assign(d.style,{color:g.label,fontSize:"18px"}),a.appendChild(d),B.appendChild(a),S.push(null),w.push(null),V.push(null),X.push(null),t.push({index:s,factory:r,placeholder:a}),fe++}else{const{ctrl:a,canvasWrapper:d,expandBtn:p}=Ae(r,s,e.length);S.push(r),w.push(a),V.push(d),X.push(p)}}S.flatMap(s=>s?[...s.hbinDefs??[],...s.sbinDefs??[]]:[]).some(s=>s.color)&&!m.viewOptions?.colorScheme&&(c={...c,colorScheme:"custom"}),xe();const i=++ke;let l=0;function o(){if(i!==ke)return;if(l>=t.length){if(de.has(c.plotMode)){const z=c.plotMode;j(oe(z))}return}const{index:s,factory:r,placeholder:a}=t[l++],d=r();S[s]=d,x[s]=d,ut([d]);const{card:p,ctrl:h,canvasWrapper:u,expandBtn:O}=Ae(d,s,e.length);w[s]=h,V[s]=u,X[s]=O,fe--,a.replaceWith(p),xe(),!f&&!q?.placement&&d.statsSummary?.findings.length?(T||(te="wafers"),f=Ve("right"),f.style.maxHeight="calc(100vh - 80px)",f.style.position="sticky",f.style.top="8px",f.style.flexDirection="column",f.style.display="none",(q?.placement??"right")==="left"?A.insertBefore(f,B):A.appendChild(f),W(),E||(E=_("findings","Summary panel",()=>{if(!f)return;const R=f.style.display!=="none";R||W(),f.style.display=R?"none":"flex",ne(E,!R),G()}),L.appendChild(F()),L.appendChild(E)),G()):f&&f.style.display!=="none"&&W(),G(),setTimeout(o,0)}t.length>0&&setTimeout(o,0)}if(de.has(c.plotMode)&&x.length>0){const e=Pe(c.plotMode);c={...c,...e},j(oe(c.plotMode))}else j(k);const bt=new ResizeObserver(()=>{I==null&&ye()});bt.observe(B),f&&W();function on(e){const t=V[e];if(!t)return;t.innerHTML="",Object.assign(t.style,{alignItems:"center",justifyContent:"center"});const n=document.createElement("span");n.textContent="Detached \u2014 open in its own window",Object.assign(n.style,{color:g.label,fontSize:"12px",textAlign:"center",padding:"0 12px"}),t.appendChild(n)}function ve(e,t){for(const o of P.values())if(o.cardIndex===e)return;const n=t.label??"Wafer map",i=It++,l=wn(n);if(l){const o=l.document;o.title=n,Object.assign(o.documentElement.style,{height:"100%"}),Object.assign(o.body.style,{margin:"0",height:"100vh",overflow:"hidden",display:"flex",flexDirection:"column",fontFamily:'system-ui, -apple-system, "Segoe UI", sans-serif'}),Mn(M,o.documentElement);const s=kn(M,o.documentElement,()=>O.setOptions({})),r=o.createElement("div");r.dataset.wmapWindowBanner="1",r.textContent=n,Object.assign(r.style,{display:"none",padding:"6px 12px",fontSize:"12px",fontWeight:"700",background:g.warnBg,color:g.warnText,borderBottom:`1px solid ${g.warnBorder}`,flexShrink:"0"}),o.body.appendChild(r);const a=o.createElement("div");Object.assign(a.style,{flex:"1",minHeight:"0",display:"flex",flexDirection:"column"}),o.body.appendChild(a);const{wrap:d,metaPanel:p}=gt(o,n,t.wafer.metadata??void 0),h=o.createElement("div");Object.assign(h.style,{display:"flex",alignItems:"center",padding:"8px 10px 6px",borderBottom:`1px solid ${g.menuBorder}`,flexShrink:"0",gap:"6px"}),h.appendChild(d),a.appendChild(h);const u=o.createElement("div");Object.assign(u.style,{position:"relative",flex:"1",minHeight:"0",overflow:"hidden",display:"flex",flexDirection:"column"}),p&&u.appendChild(p),a.appendChild(u);const O=Fe(u,t),z=setInterval(()=>{l.closed&&we(i)},400);l.addEventListener("pagehide",()=>we(i)),P.set(i,{id:i,ctrl:O,cardIndex:e,label:n,closePollId:z,stopThemeSync:s,close:()=>{l.closed||l.close()},setTitle:R=>{o.title=R,r.textContent=R,r.style.display="block"}})}else{const o=Cn({title:n,onClose:()=>we(i),anchor:M});o.contentWrap.style.flexDirection="column",ht(o,n,t.wafer.metadata??void 0);const s=Fe(o.contentWrap,t);P.set(i,{id:i,ctrl:s,cardIndex:e,label:n,closePollId:null,close:()=>o.close(),setTitle:r=>{const a=o.box.querySelector("[data-wmap-window-title]");a&&(a.textContent=r,a.title=r)}})}w[e]?.destroy(),w[e]=null,on(e),an(e)}function Fe(e,t,n){const i=t.viewOptions?{...c,...t.viewOptions}:c,l=n!==void 0?{...i,plotMode:"value",activeTest:n}:i,o=Ne(e,t,{viewOptions:l,toolbarControls:"full",showTooltip:!0,padding:K,legendPosition:J,fallbackFormat:pe,statsSummary:t.statsSummary,onSaveImage:m.onSaveImage,onSaveText:m.onSaveText,onClick:t.onClick,onSelect:t.onSelect,showExpandButton:!1,showMetadataBadge:!1});return o.setViewControlsVisible(!0),o.setSummaryVisible(!0),o.setExpandVisible(!1),o}function we(e){const t=P.get(e);if(!t)return;P.delete(e),t.closePollId!=null&&clearInterval(t.closePollId),t.stopThemeSync?.();const n=t.ctrl.getOptions();if(t.ctrl.destroy(),t.cardIndex===null)return;const i=t.cardIndex,l=S[i];if(!l)return;const o={...l,viewOptions:n};S[i]=o;const{card:s,ctrl:r,canvasWrapper:a,expandBtn:d}=Ae(o,i,S.length);V[i]?.parentElement?.replaceWith(s),w[i]=r,V[i]=a,X[i]=d}function ln(e){const t=P.get(e);t&&(t.close(),we(e))}function sn(){for(const e of P.values())e.cardIndex!==null&&(e.cardIndex=null,e.setTitle(`${e.label} \u2014 unlinked from gallery`))}function rn(){const e=[...B.querySelectorAll("canvas")];if(!e.length)return;const t=e.length,n=Math.ceil(Math.sqrt(t)),i=Math.ceil(t/n),l=e[0].width,o=e[0].height,s=8,r=window.devicePixelRatio||1,a=Math.round(26*r),d=Math.round(12*r),p=document.createElement("canvas");p.width=n*l+(n-1)*s,p.height=i*(o+a)+(i-1)*s;const h=p.getContext("2d"),u=gn(B);h.fillStyle=u.background,h.fillRect(0,0,p.width,p.height),e.forEach((O,z)=>{const R=z%n,le=Math.floor(z/n),se=R*(l+s),b=le*(o+a+s),D=O.closest(".wmap-gallery-card")?.querySelector("span")?.textContent??"";h.fillStyle=u.surface,h.fillRect(se,b,l,a),h.fillStyle=u.text,h.font=`700 ${d}px system-ui, sans-serif`,h.textAlign="left",h.textBaseline="middle",h.fillText(D,se+Math.round(10*r),b+a/2,l-Math.round(20*r)),h.drawImage(O,se,b+a)}),p.toBlob(O=>{O&&Wn(O,Z,m.onSaveImage)})}return{setItems(e){x=e.map(n=>typeof n=="function"?null:n);const t=c.plotMode;if(de.has(t))if(e.some(i=>typeof i=="function"))j(e);else{const i=Pe(t);c={...c,...i},j(oe(t))}else j(e)},setOptions(e){v(e,{fireCallback:!1})},getOptions(){return{...c}},setFallbackFormat(e){pe=e;for(const t of w)t&&t.setFallbackFormat(e)},setLotStatsSummary(e){T=e,f&&W(),G()},setColumns(e){mt(e)},openUserGuide:st,destroy(){ke++;for(const e of[...P.values()])e.closePollId!=null&&clearInterval(e.closePollId),e.close(),e.ctrl.destroy();P.clear();for(const e of w)e&&e.destroy();w=[],me()?.remove(),bt.disconnect(),M.ownerDocument.removeEventListener("click",Ue,!0),window.removeEventListener("blur",Ye),Lt(),wt(),L.remove(),N.remove(),A.remove(),f?.remove(),ae?.destroy()}}}
+</html>`;na(s)}),p.appendChild(n)}if(e.length===0){const n=document.createElement("div");Object.assign(n.style,{color:g.icon,fontSize:"11px",padding:"4px 0"}),n.textContent="No findings on any wafer.",p.appendChild(n)}else for(const{index:n,item:a,unusualCount:l,notableCount:o,totalCount:s}of e){const r=l?"unusual":o?"notable":"info",i=l+o||s,d=document.createElement("button");d.type="button",Object.assign(d.style,{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"5px 8px",marginBottom:"4px",border:"none",borderLeft:`3px solid ${Mt(r)}`,borderRadius:"3px",background:g.bgHover,cursor:"pointer",fontSize:"11px",textAlign:"left",boxSizing:"border-box"}),d.addEventListener("mouseover",()=>{d.style.background=g.bgActive}),d.addEventListener("mouseout",()=>{d.style.background=g.bgHover});const f=document.createElement("span");f.textContent=a.label??`W${n+1}`,Object.assign(f.style,{color:g.iconHover,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});const h=document.createElement("span");h.textContent=String(i),Object.assign(h.style,{marginLeft:"6px",flexShrink:"0",background:Mt(r),color:"#fff",borderRadius:"8px",padding:"1px 5px",fontSize:"10px",fontWeight:"600"}),d.appendChild(f),d.appendChild(h),d.addEventListener("click",()=>ke(n,a)),p.appendChild(d)}const t=document.createElement("div");t.style.height="12px",p.appendChild(t)}function I(){if(p)if(ae==="lot"&&O){const e=Oe(y.flatMap(n=>n?.hbinDefs??[])),t=Oe(y.flatMap(n=>n?.sbinDefs??[]));ta(p,{lotSummary:O,items:y,hbinDefs:e.length?e:void 0,sbinDefs:t.length?t:void 0,testDefs:y.find(n=>n?.testDefs?.length)?.testDefs,passBins:Ue,ringCount:c.ringCount,colorScheme:c.colorScheme,fallbackFormat:he,activeFindingId:ne,warnings:u.warnings?.display??!0?_:[],findingsFilter:jt,onFindingsFilterChange:I,onSaveText:u.onSaveText,onFindingClick:(n,a)=>{ne===n.id?Re():Gt(n,a),I()},onWaferClick:n=>{Te([n])}}),ye()&&p.insertBefore(et(),p.firstChild)}else _t()}function tt(e){return[e.variable.kind,e.variable.index??"",e.variable.bin??"",e.comparison.family,e.comparison.left,e.effect.direction].join("|")}function Re(){ne=null,We(),Le(),w({highlightBin:void 0},{fireCallback:!1})}function Gt(e,t){if(ne===e.id){Re();return}ne=e.id,t.style.background=g.bgActive,t.style.fontWeight="600";const{kind:n,index:a}=e.variable;n==="test"?w({plotMode:"value",activeTest:a??0,highlightBin:void 0},{fireCallback:!1}):n==="softBin"?w({plotMode:"softBin",highlightBin:void 0},{fireCallback:!1}):w({plotMode:"hardBin",highlightBin:void 0},{fireCallback:!1}),We(),Le();const l=e.highlight;if(l.kind==="wafer"){Te(l.waferIndices);const o=tt(e);for(const s of l.waferIndices){const d=M[s]?.statsSummary?.findings.find(f=>tt(f)===o)?.highlight?.dieKeys;d?.length&&Ie(d,[s])}}else l.kind==="bin"?l.dieKeys?.length&&Ie(l.dieKeys):(l.kind==="region"||l.kind==="dies")&&l.dieKeys?.length&&Ie(l.dieKeys)}function q(){if(!D)return;const e=!!p;D.style.display=(O||ye())&&e&&!Ae?"flex":"none";const t=p?p.style.display!=="none":!1;(O?.hasNotableFindings||y.some(a=>a?.statsSummary?.hasNotableFindings))&&!t?D.style.color=g.findingIndicator:D.dataset.active||(D.style.color=g.icon)}const B=document.createElement("div");B.dataset.wmapToolbar="gallery",Object.assign(B.style,{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"0",background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"6px",padding:"3px 4px",marginBottom:"10px",boxShadow:"0 1px 4px rgba(0,0,0,0.10)",flexWrap:"wrap",minWidth:"0",overflowX:"auto"});const nt=()=>{const e=oe();e&&(e.remove(),le(null)),me(H,!1)},H=V("mode","Plot mode",()=>{if(oe()){nt();return}const e=y.flatMap(m=>m?.dies??[]),t=y.find(m=>m?.testDefs?.length)?.testDefs,{testEntries:n,binEntries:a,stackedEntries:l}=Vn(e,t,{includeStacked:!0}),o=c.plotMode??"hardBin",s=c.activeTest??0;function r(m){return m.plotMode!==o?!1:m.plotMode==="value"?s===(m.activeTest??0):m.plotMode==="metadata"?c.activeMetadataKey===m.activeMetadataKey:!0}function i(m,T){m.activeTest!==void 0?w({plotMode:"value",activeTest:m.activeTest,activeMetadataKey:void 0,logScale:m.logScale}):m.activeMetadataKey!==void 0?w({plotMode:m.plotMode,activeTest:void 0,activeMetadataKey:m.activeMetadataKey,passFailDisplay:"off"}):w({plotMode:m.plotMode,activeTest:void 0,activeMetadataKey:void 0,passFailDisplay:"off"}),T.remove(),le(null),me(H,!1)}const d=new Set,f=y.flatMap(m=>m?.metadataFields??[]).filter(m=>!d.has(m.key)&&d.add(m.key)).filter(m=>_n(e,m.key)).map(Gn),h=On(H.getBoundingClientRect(),n,a,l,r,i,{makeMenuRow:Nt,makeMenuSection:Vt},o,H.ownerDocument.defaultView??window,f);Et(H).appendChild(h),le(h),me(H,!0),Ot(h,H,nt)});me(H,!1);const Kt=()=>M.flatMap(e=>e?[...e.hbinDefs??[],...e.sbinDefs??[]]:[]).some(e=>e.color),{btn:qt,sync:at}=Pn(Q,()=>c.plotMode??"hardBin",()=>c.colorScheme??"default",Kt,e=>w({colorScheme:e}));at();const Xt=k.some(e=>typeof e!="function"&&(e.reticles?.length??0)>0);function Pe(){const e=y.find(n=>n?.testDefs?.length)?.testDefs,{testNumber:t}=xn(c.activeTest??0,e);return{testNumber:t,td:wn(e,t)}}function it(){if((c.plotMode??"hardBin")!=="value")return!1;const{td:e}=Pe();return e!==void 0&&(e.limitLow!==void 0||e.limitHigh!==void 0)}function se(){if((c.plotMode??"hardBin")!=="value")return!1;const{td:e}=Pe();return e!==void 0&&!Wt(e)}function Ut(){if((c.plotMode??"hardBin")!=="value")return!1;const{testNumber:e,td:t}=Pe();return y.some(n=>n?.dies?.some(a=>Un(a,e,t)!==void 0))}const Yt=Hn(Q,()=>[{label:"Ring boundaries",active:!!c.showRingBoundaries,onClick:()=>w({showRingBoundaries:!c.showRingBoundaries})},{label:"Quadrant lines",active:!!c.showQuadrantBoundaries,onClick:()=>w({showQuadrantBoundaries:!c.showQuadrantBoundaries})},{label:"Die labels",active:!!c.showDieLabels,onClick:()=>w({showDieLabels:!c.showDieLabels})},{label:"Reticle grid",active:!!c.showReticle,enabled:Xt,onClick:()=>w({showReticle:!c.showReticle})},{label:"XY indicator",active:!!c.showXYIndicator,onClick:()=>w({showXYIndicator:!c.showXYIndicator})},...zn({functionalActive:se(),hasLimits:it()&&!se(),hasRecorded:Ut()&&!se(),display:Ge(c)},e=>w({passFailDisplay:e}))],()=>!!(c.showRingBoundaries||c.showQuadrantBoundaries||c.showDieLabels||c.showReticle||c.showXYIndicator||Ge(c)!=="off")),{btn:Qt,sync:ot}=Fn(Q,()=>({plotMode:c.plotMode,legendPosition:te}),e=>{te=e;for(const t of v)t&&t.setOptions({legendPosition:te})});ot();const Zt=[{value:"mean",label:"Mean"},{value:"median",label:"Median"},{value:"stddev",label:"Std Dev"},{value:"min",label:"Min"},{value:"max",label:"Max"},{value:"count",label:"Count"}],lt=Ze("aggr","Aggregation method",()=>Zt,()=>c.aggregationMethod??"mean",e=>w({aggregationMethod:e}));function st(){const e=c.plotMode==="stackedValues";lt.style.display=e?"":"none"}st();const{btn:Jt,sync:rt}=An(Q,()=>({...c,functionalActive:se()}),e=>w(e));rt();const we=V("specRange","Colorbar range: spec limits",()=>{const e=c.colorbarRangeMode==="data"?"spec":"data";w({colorbarRangeMode:e})});function dt(){const e=(c.plotMode??"hardBin")==="value"&&it()&&Ge(c)==="off"&&!se();we.style.display=e?"":"none";const t=(c.colorbarRangeMode??"spec")==="spec";ie(we,t),we.ariaLabel=t?"Colorbar range: spec limits (click for data range)":"Colorbar range: data range (click for spec limits)"}dt();const en=$n(Q,()=>c,e=>w(e)),tn=V("downloadAll","Download gallery PNG",hn),nn=Ze("columns","Columns",()=>[{value:"auto",label:"Auto"},{value:"1",label:"1 column"},{value:"2",label:"2 columns"},{value:"3",label:"3 columns"},{value:"4",label:"4 columns"},{value:"5",label:"5 columns"}],()=>L!=null?String(L):"auto",e=>xt(e==="auto"?void 0:Number(e))),C=document.createElement("div");Object.assign(C.style,{display:"inline-flex",alignItems:"center",gap:"0"}),B.appendChild(C),Pt&&C.appendChild(H),C.appendChild(qt),C.appendChild(lt),C.appendChild(Jt),C.appendChild(we),C.appendChild(A()),C.appendChild(Yt),C.appendChild(A()),C.appendChild(Qt),C.appendChild(A()),C.appendChild(en),C.appendChild(A()),C.appendChild(nn),C.appendChild(A()),C.appendChild(tn),(O||ye())&&(D=V("findings","Summary panel",()=>{if(!p)return;const e=p.style.display!=="none";e||I(),p.style.display=e?"none":"flex",ie(D,!e),q()}),B.appendChild(A()),B.appendChild(D));let $=null,ve=null,_=[],ct=!1;function ft(){const e=Yn({lotStatsSummary:O,result:{warnings:y.flatMap(n=>n?.warnings??[])}}),t=e.length!==_.length||e.some((n,a)=>n.code!==_[a]?.code||n.message!==_[a]?.message);_=e,(t||!ct)&&(ct=!0,u.warnings?.onWarning?.(e)),an()}function an(){if(!$||!ve)return;const e=_.length,t=e>0;if($.style.display=t?"flex":"none",ve.style.display=t?"":"none",!t)return;const n=Zn(_[0]),a=`${e} data ${e===1?"warning":"warnings"}`;$.style.color=n==="error"?g.errText:g.warnText,$.ariaLabel=n==="error"?`${a} \u2014 wafers in this lot may be positionally wrong`:a}(u.warnings?.display??!0)&&(ve=A(),$=V("warning","Data warnings",()=>{const e=oe();if(xe(new MouseEvent("click")),e)return;const t=Qn($.getBoundingClientRect(),_);Et(S).appendChild(t),le(t),Ot(t,$,()=>xe(new MouseEvent("click")))}),me($,!1),B.appendChild(ve),B.appendChild($)),ft();let Z=null;Xe&&(Z=V("analysis","Insights",()=>{const e=J?.style.display!=="none";ut(!e)}),B.appendChild(A()),B.appendChild(Z));function pt(){import("./userGuideHtml.js").then(e=>Rn({buildWaferMap:Xn,renderWaferMap:Ke,renderWaferGallery,analyzeWaferMap:Ee},e.USER_GUIDE_HTML,Ft,S))}At&&(B.appendChild(A()),B.appendChild(V("help","User guide",()=>pt())));const G=document.createElement("div");Object.assign(G.style,{display:"flex",flexDirection:"column",gap:"6px",background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"6px",padding:"6px 10px",marginBottom:"10px",boxShadow:"0 1px 4px rgba(0,0,0,0.10)",fontSize:"12px",lineHeight:"1",boxSizing:"border-box",width:"100%",minWidth:"0"});const F=document.createElement("div");Object.assign(F.style,{display:"flex",flexDirection:"row",gap:"12px",alignItems:"flex-start"});let re=null,J=null;Xe&&(re=la({getItems:()=>y,getLotStats:()=>O,getColorSchemeName:()=>c.colorScheme??"default",passBins:Ue,getRingCount:()=>c.ringCount??4,defaultView:u.insights?.defaultView,backTab:{label:"Gallery",onBack:()=>ut(!1)},showMetadataStrip:!1,onSaveImage:u.onSaveImage,onSaveText:u.onSaveText,openWafer:(e,t,n)=>{const a=y[e];if(!a)return;let l=null;const o=Wn({title:t,onClose:()=>l?.destroy(),anchor:S});vt(o,t,a.wafer.metadata??void 0),l=ze(o.contentWrap,a,n)}}),J=re.el);let Ae=!1;function ut(e){!re||!J||(Ae=e,J.style.display=e?"flex":"none",F.style.display=e?"none":"flex",C.style.display=e?"none":"inline-flex",Z&&(ie(Z,e),Z.innerHTML=e?pe.wafer:pe.analysis,Z.ariaLabel=e?"Back to gallery view":"Insights"),q(),Me(),e&&re.render())}const on=4,Fe=240,mt=480,ln=720,sn=1.25,gt=u.maxSize;let j=gt??mt;function ht(e){const t=X*2+110+2;let n=null;for(const a of e){if(a==null||!a.dies?.length)continue;const l=a.dies[0].width;if(!(l>0))continue;const o=a.wafer.radius*2*(on/l),s=Math.ceil(o+t);(n==null||s>n)&&(n=s)}return n}function rn(e){const t=ht(e);return t==null?Fe:Math.min(j,Math.max(Fe,t))}function dn(e){if(gt!=null)return!1;const t=ht(e);if(t==null)return!1;const n=Math.min(ln,Math.max(mt,t));return n<=j?!1:(j=n,!0)}function cn(){for(const e of Array.from(E.children))e.classList.contains("wmap-gallery-card")&&(e.style.maxWidth=`${j}px`,e.style.maxHeight=`${j}px`)}let Ce=Fe,bt=0;function yt(e){const t=dn(e);if(t&&cn(),L!=null){t&&Se();return}const n=rn(e);n>Ce&&(Ce=n),Se()}function xt(e){L=e,Se()}function He(e){return`repeat(${e}, minmax(0, ${j}px))`}function Se(){if(L!=null){E.style.gridTemplateColumns=He(L);return}const e=Math.max(1,bt),t=12,n=E.clientWidth||0,a=o=>(n-t*(o-1))/o;let l=Math.max(1,Math.ceil(Math.sqrt(e)));if(n>0){for(;l>1&&a(l)<Ce;)l--;const o=Math.min(j,Ce*sn);for(;l<e&&a(l+1)>=o;)l++}E.style.gridTemplateColumns=He(l)}const E=document.createElement("div");if(Object.assign(E.style,{flex:"1 1 0",minWidth:"0",display:"grid",gridTemplateColumns:He(1),gap:"12px",justifyContent:"start",alignContent:"start"}),ae=O?"lot":"wafers",U?.placement){const e=U.placement;p=qe(e),p.style.maxHeight="calc(100vh - 80px)",p.style.position="sticky",p.style.top="8px",p.style.display="flex",p.style.flexDirection="column"}else if(O||ye()){const e=!!U?.defaultOpen;p=qe("right"),p.style.maxHeight="calc(100vh - 80px)",p.style.position="sticky",p.style.top="8px",p.style.flexDirection="column",p.style.display=e?"flex":"none",I()}q(),p?.style.display!=="none"&&D&&ie(D,!0),(U?.placement??"right")==="left"?(p&&F.appendChild(p),F.appendChild(E)):(F.appendChild(E),p&&F.appendChild(p)),S.appendChild(B),S.appendChild(G),S.appendChild(F),J&&S.appendChild(J);function Me(){G.innerHTML="";const e=c.plotMode??"hardBin",t=!Ae&&Mn.has(e),n=M.filter(b=>b!=null),a=n.find(b=>b.isLotStack),l=ea(n.map(b=>({metadata:b.wafer.metadata??void 0})),a?{lotSize:a.lotSize??n.length,aggrMethod:a.aggrMethod}:void 0),o=e==="metadata",s=c.activeMetadataKey,r=new Set;if(t&&!o)for(const b of n)for(const W of b.dies){if(W.partial)continue;const x=e==="softBin"?W.sbin:W.hbin;x!=null&&r.add(x)}const i=t&&!o?[...r].sort((b,W)=>b-W):[],d=new Set;if(t&&o&&s)for(const b of n)for(const W of b.dies){if(W.partial)continue;const x=W.metadata?.[s];x!=null&&(typeof x=="string"||typeof x=="number"||typeof x=="boolean")&&d.add(String(x))}const f=t&&o?[...d].sort(Jn):[];if(!l&&!i.length&&!f.length){G.style.display="none";return}if(G.style.display="flex",l&&G.appendChild(l),!i.length&&!f.length)return;const h=document.createElement("div");Object.assign(h.style,{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px 14px"}),l&&Object.assign(h.style,{borderTop:`1px solid ${g.separator}`,paddingTop:"6px"}),G.appendChild(h);const m=vn(c.colorScheme),T=c.highlightBin;if(o){const b=c.highlightMetadataValue,W=M.flatMap(x=>x?.metadataFields??[]).find(x=>x.key===s);f.forEach((x,Ne)=>{const Ve=b===x,St=W?.values?.find(_e=>_e.value===x),bn=St?.color??Cn(Ne);Rt(h,{color:bn,isActive:Ve,label:St?.label??x,onClick:()=>{const _e=c.highlightMetadataValue===x?void 0:x;w({highlightMetadataValue:_e})}})});return}const N=e==="softBin"?M.flatMap(b=>b?.sbinDefs??[]):M.flatMap(b=>b?.hbinDefs??[]),R=new Set,ce=[];for(const b of N)R.has(b.bin)||(R.add(b.bin),ce.push(b));const fe=ce.length>0?new Map(ce.map(b=>[b.bin,b])):null;for(const b of i){const W=T===b,x=fe?.get(b),Ne=(c.colorScheme==="custom"?x?.color:void 0)??m.forBin(b);Rt(h,{color:Ne,isActive:W,label:x?.name?`${b} \xB7 ${x.name}`:`Bin ${b}`,onClick:()=>{const Ve=c.highlightBin===b?void 0:b;w({highlightBin:Ve})}})}}function de(e){const t=y.filter(r=>r!==null);if(!t.length)return[];const n=t.map(r=>r.dies),a=t[0].wafer,l=t.length,o=a.metadata?{...a,metadata:(({wafer:r,waferId:i,...d})=>d)(a.metadata)}:a;function s(r,i){return{...r,stats:{...r.stats,isLotStack:!0,aggregationMethod:i,lotSize:l}}}if(e==="stackedValues"){const r=t.find(f=>f.testDefs?.length)?.testDefs;let i=r?.filter(Wt);if(r?.length||(i=yn(t.flatMap(h=>h.dies)).map(h=>({testNumber:h,name:`Test ${h}`}))),!i?.length)return[];const d=c.aggregationMethod??"mean";return i.map(f=>{const h=Kn(n,d,f.testNumber),m={testNumber:0,name:f.name,unit:f.unit};return{wafer:o,dies:h,testDefs:[m],label:`${f.name} \xB7 ${d}`,isLotStack:!0,aggrMethod:d,lotSize:l,statsSummary:s(Ee({wafer:o,dies:h,testDefs:[m]},{testNumbers:[0]}),d)}})}if(e==="stackedBins"){let r=Oe(t.flatMap(i=>i.hbinDefs??[]));return(!r||r.length===0)&&(r=[...new Set(t.flatMap(d=>d.dies.map(f=>f.hbin).filter(f=>f!=null)))].sort((d,f)=>d-f).map(d=>({bin:d,name:`Bin ${d}`}))),r.map(i=>{const d=Tt(n,i.bin,"hard"),f=[{bin:i.bin,name:i.name}];return{wafer:o,dies:d,hbinDefs:f,label:`${i.bin} \xB7 ${i.name}`,isLotStack:!0,aggrMethod:"countBin",lotSize:l,statsSummary:s(Ee({wafer:o,dies:d,hbinDefs:f}),"countBin")}})}if(e==="stackedSoftBins"){let r=Oe(t.flatMap(i=>i.sbinDefs??[]));return(!r||r.length===0)&&(r=[...new Set(t.flatMap(d=>d.dies.map(f=>f.sbin).filter(f=>f!=null)))].sort((d,f)=>d-f).map(d=>({bin:d,name:`Bin ${d}`}))),r.map(i=>{const d=Tt(n,i.bin,"soft"),f=[{bin:i.bin,name:i.name}];return{wafer:o,dies:d,sbinDefs:f,label:`${i.bin} \xB7 ${i.name}`,isLotStack:!0,aggrMethod:"countBin",lotSize:l,statsSummary:s(Ee({wafer:o,dies:d,sbinDefs:f}),"countBin")}})}return t}function $e(e){const t=y.length;return e==="stackedBins"||e==="stackedSoftBins"?{valueRange:[0,t],lotSize:t}:e==="stackedValues"?{aggregationMethod:c.aggregationMethod??"mean",valueRange:void 0,lotSize:void 0}:{}}const fn=new Set(["default","accessible","custom"]);function w(e,{fireCallback:t=!0}={}){const n=c.plotMode;c={...c,...e};const a=c.plotMode,l=ue.has(a),o=n!==void 0&&ue.has(n),s=be>0;if(e.plotMode!==void 0&&e.plotMode!==n&&(a==="hardBin"||a==="softBin")&&!fn.has(c.colorScheme??"")&&(c={...c,colorScheme:"default"}),e.plotMode!==void 0)if(l){const i=$e(a);if(c={...c,...i},s)for(const d of v)d&&d.setOptions(e);else z(de(a))}else if(o){const{valueRange:i,lotSize:d,aggregationMethod:f,...h}=c;if(c=h,s)for(const m of v)m&&m.setOptions(e);else z(y.filter(m=>m!==null))}else for(const i of v)i&&i.setOptions(e);else if(e.aggregationMethod!==void 0&&a==="stackedValues")if(s)for(const i of v)i&&i.setOptions(e);else z(de("stackedValues"));else for(const i of v)i&&i.setOptions(e);Me(),st(),ot(),at();const r=e.plotMode!==void 0&&e.plotMode!==n;if((e.colorScheme!==void 0||r)&&I(),rt(),dt(),t){const i=Object.keys(e);u.onViewOptionsChange?.(c,i,qn(i))}}function wt(e,t,n){const a=e.createElement("div");Object.assign(a.style,{display:"flex",alignItems:"center",gap:"4px",flex:"1",minWidth:"0"});const l=e.createElement("span");l.textContent=t,Object.assign(l.style,{fontWeight:"700",fontSize:"13px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),a.appendChild(l);const o=It(n??{});let s=null;if(o.length>0){const r=e.createElement("span");Object.assign(r.style,{fontSize:"12px",lineHeight:"1",color:g.label,flexShrink:"0"}),r.textContent="\u25BE",a.appendChild(r),Object.assign(a.style,{cursor:"pointer"}),s=e.createElement("div"),s.dataset.wmapCardMetaPanel="1",Object.assign(s.style,{position:"absolute",top:"0",left:"0",right:"0",zIndex:kt,background:g.menuBg,borderBottom:`1px solid ${g.menuBorder}`,boxShadow:"0 2px 6px rgba(0,0,0,0.15)",padding:"8px 10px",fontSize:"11px",display:"none"});const i=Lt(n??{});i&&s.appendChild(i),a.setAttribute("aria-expanded","false"),a.setAttribute("aria-label",`Wafer info for ${t||"this card"}. Click to expand.`),Dt(a,d=>{r.textContent=d?"\u25B4":"\u25BE",a.setAttribute("aria-expanded",String(d)),s&&(s.style.display=d?"block":"none")})}return{wrap:a,metaPanel:s}}function vt(e,t,n){const a=e.box.querySelector("[data-wmap-window-title]"),l=It(n??{});if(!a||l.length===0)return;const o=a.parentElement,s=document.createElement("div");Object.assign(s.style,{display:"flex",alignItems:"center",gap:"4px",flex:"1",minWidth:"0",cursor:"pointer"}),o?.insertBefore(s,a),s.appendChild(a);const r=document.createElement("span");Object.assign(r.style,{fontSize:"12px",lineHeight:"1",color:g.label,flexShrink:"0"}),r.textContent="\u25BE",s.appendChild(r);const i=document.createElement("div");i.dataset.wmapCardMetaPanel="1",Object.assign(i.style,{position:"absolute",top:"0",left:"0",right:"0",zIndex:kt,background:g.menuBg,borderBottom:`1px solid ${g.menuBorder}`,boxShadow:"0 2px 6px rgba(0,0,0,0.15)",padding:"8px 10px",fontSize:"11px",display:"none"});const d=Lt(n??{});d&&i.appendChild(d),e.contentWrap.style.position="relative",e.contentWrap.appendChild(i),s.setAttribute("aria-expanded","false"),s.setAttribute("aria-label",`Wafer info for ${t}. Click to expand.`),Dt(s,f=>{r.textContent=f?"\u25B4":"\u25BE",s.setAttribute("aria-expanded",String(f)),i.style.display=f?"block":"none"})}function je(e,t,n){const a=document.createElement("div");a.className="wmap-gallery-card",Object.assign(a.style,{background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"10px",overflow:"hidden",display:"flex",flexDirection:"column",position:"relative",aspectRatio:"1",maxWidth:`${j}px`,maxHeight:`${j}px`});const l=document.createElement("div");Object.assign(l.style,{display:"flex",alignItems:"center",padding:"8px 10px 6px",borderBottom:`1px solid ${g.menuBorder}`,flexShrink:"0",gap:"6px"});const{wrap:o,metaPanel:s}=wt(document,e.label??"",e.wafer.metadata??void 0);l.appendChild(o);const r=document.createElement("button");r.dataset.wmapExpandBtn="1",r.title="Open full view",r.innerHTML=pe.expand,Object.assign(r.style,{display:"flex",alignItems:"center",justifyContent:"center",border:`1px solid ${g.menuBorder}`,borderRadius:"4px",background:g.panelBg,color:g.label,padding:"2px",cursor:"pointer",flexShrink:"0",width:"22px",height:"22px"}),l.appendChild(r),a.appendChild(l);const i=document.createElement("div");Object.assign(i.style,{position:"relative",flex:"1",minHeight:"0",overflow:"hidden",display:"flex",flexDirection:"column"}),a.appendChild(i),s&&i.appendChild(s),E.appendChild(a);const d=Ke(i,e,{viewOptions:e.viewOptions?{...c,...e.viewOptions}:c,toolbarControls:"full",showTooltip:!0,padding:X,legendPosition:te,fallbackFormat:he,statsSummary:e.statsSummary,onSaveImage:u.onSaveImage,onSaveText:u.onSaveText,onClick:e.onClick,onSelect:e.onSelect,onExpand:()=>ke(t,e),showMetadataBadge:!1});return d.setViewControlsVisible(!1),d.setSummaryVisible(!1),r.onclick=()=>ke(t,e),{card:a,ctrl:d,canvasWrapper:i,expandBtn:r}}function pn(e){const t=Y[e];if(!t)return;const n=[...P.values()].find(a=>a.cardIndex===e);n?(t.innerHTML=pe.minimize,t.title="Reattach to gallery",t.setAttribute("aria-label","Reattach to gallery"),t.onclick=()=>mn(n.id)):(t.innerHTML=pe.expand,t.title="Open full view",t.setAttribute("aria-label","Open full view"),t.onclick=()=>ke(e,M[e]))}function z(e){gn(),oe()?.remove(),le(null),Re(),M=[];for(const s of v)s&&s.destroy();v=[],K=[],Y=[],be=0,E.innerHTML="",bt=e.length,yt(e.map(s=>typeof s=="function"?null:s));const t=[];for(let s=0;s<e.length;s++){const r=e[s];if(typeof r=="function"){const i=document.createElement("div");i.className="wmap-gallery-card",Object.assign(i.style,{background:g.menuBg,border:`1px solid ${g.menuBorder}`,borderRadius:"10px",aspectRatio:"1",display:"flex",alignItems:"center",justifyContent:"center"});const d=document.createElement("span");d.textContent="\u2026",Object.assign(d.style,{color:g.label,fontSize:"18px"}),i.appendChild(d),E.appendChild(i),M.push(null),v.push(null),K.push(null),Y.push(null),t.push({index:s,factory:r,placeholder:i}),be++}else{const{ctrl:i,canvasWrapper:d,expandBtn:f}=je(r,s,e.length);M.push(r),v.push(i),K.push(d),Y.push(f)}}M.flatMap(s=>s?[...s.hbinDefs??[],...s.sbinDefs??[]]:[]).some(s=>s.color)&&!u.viewOptions?.colorScheme&&(c={...c,colorScheme:"custom"}),Me();const a=++De;let l=0;function o(){if(a!==De)return;if(l>=t.length){if(ue.has(c.plotMode)){const N=c.plotMode;z(de(N))}return}const{index:s,factory:r,placeholder:i}=t[l++],d=r();M[s]=d,y[s]=d,yt([d]);const{card:f,ctrl:h,canvasWrapper:m,expandBtn:T}=je(d,s,e.length);v[s]=h,K[s]=m,Y[s]=T,be--,i.replaceWith(f),Me(),!p&&!U?.placement&&d.statsSummary?.findings.length?(O||(ae="wafers"),p=qe("right"),p.style.maxHeight="calc(100vh - 80px)",p.style.position="sticky",p.style.top="8px",p.style.flexDirection="column",p.style.display="none",(U?.placement??"right")==="left"?F.insertBefore(p,E):F.appendChild(p),I(),D||(D=V("findings","Summary panel",()=>{if(!p)return;const R=p.style.display!=="none";R||I(),p.style.display=R?"none":"flex",ie(D,!R),q()}),B.appendChild(A()),B.appendChild(D)),q()):p&&p.style.display!=="none"&&I(),q(),setTimeout(o,0)}t.length>0&&setTimeout(o,0)}if(ue.has(c.plotMode)&&y.length>0){const e=$e(c.plotMode);c={...c,...e},z(de(c.plotMode))}else z(k);const Ct=new ResizeObserver(()=>{L==null&&Se()});Ct.observe(E),p&&I();function un(e){const t=K[e];if(!t)return;t.innerHTML="",Object.assign(t.style,{alignItems:"center",justifyContent:"center"});const n=document.createElement("span");n.textContent="Detached \u2014 open in its own window",Object.assign(n.style,{color:g.label,fontSize:"12px",textAlign:"center",padding:"0 12px"}),t.appendChild(n)}function ke(e,t){for(const o of P.values())if(o.cardIndex===e)return;const n=t.label??"Wafer map",a=$t++,l=Dn(n);if(l){const o=l.document;o.title=n,Object.assign(o.documentElement.style,{height:"100%"}),Object.assign(o.body.style,{margin:"0",height:"100vh",overflow:"hidden",display:"flex",flexDirection:"column",fontFamily:'system-ui, -apple-system, "Segoe UI", sans-serif'}),Ln(S,o.documentElement);const s=In(S,o.documentElement,()=>T.setOptions({})),r=o.createElement("div");r.dataset.wmapWindowBanner="1",r.textContent=n,Object.assign(r.style,{display:"none",padding:"6px 12px",fontSize:"12px",fontWeight:"700",background:g.warnBg,color:g.warnText,borderBottom:`1px solid ${g.warnBorder}`,flexShrink:"0"}),o.body.appendChild(r);const i=o.createElement("div");Object.assign(i.style,{flex:"1",minHeight:"0",display:"flex",flexDirection:"column"}),o.body.appendChild(i);const{wrap:d,metaPanel:f}=wt(o,n,t.wafer.metadata??void 0),h=o.createElement("div");Object.assign(h.style,{display:"flex",alignItems:"center",padding:"8px 10px 6px",borderBottom:`1px solid ${g.menuBorder}`,flexShrink:"0",gap:"6px"}),h.appendChild(d),i.appendChild(h);const m=o.createElement("div");Object.assign(m.style,{position:"relative",flex:"1",minHeight:"0",overflow:"hidden",display:"flex",flexDirection:"column"}),f&&m.appendChild(f),i.appendChild(m);const T=ze(m,t),N=setInterval(()=>{l.closed&&Be(a)},400);l.addEventListener("pagehide",()=>Be(a)),P.set(a,{id:a,ctrl:T,cardIndex:e,label:n,closePollId:N,stopThemeSync:s,close:()=>{l.closed||l.close()},setTitle:R=>{o.title=R,r.textContent=R,r.style.display="block"}})}else{const o=Tn({title:n,onClose:()=>Be(a),anchor:S});o.contentWrap.style.flexDirection="column",vt(o,n,t.wafer.metadata??void 0);const s=ze(o.contentWrap,t);P.set(a,{id:a,ctrl:s,cardIndex:e,label:n,closePollId:null,close:()=>o.close(),setTitle:r=>{const i=o.box.querySelector("[data-wmap-window-title]");i&&(i.textContent=r,i.title=r)}})}v[e]?.destroy(),v[e]=null,un(e),pn(e)}function ze(e,t,n){const a=t.viewOptions?{...c,...t.viewOptions}:c,l=n!==void 0?{...a,plotMode:"value",activeTest:n}:a,o=Ke(e,t,{viewOptions:l,toolbarControls:"full",showTooltip:!0,padding:X,legendPosition:te,fallbackFormat:he,statsSummary:t.statsSummary,onSaveImage:u.onSaveImage,onSaveText:u.onSaveText,onClick:t.onClick,onSelect:t.onSelect,showExpandButton:!1,showMetadataBadge:!1});return o.setViewControlsVisible(!0),o.setSummaryVisible(!0),o.setExpandVisible(!1),o}function Be(e){const t=P.get(e);if(!t)return;P.delete(e),t.closePollId!=null&&clearInterval(t.closePollId),t.stopThemeSync?.();const n=t.ctrl.getOptions();if(t.ctrl.destroy(),t.cardIndex===null)return;const a=t.cardIndex,l=M[a];if(!l)return;const o={...l,viewOptions:n};M[a]=o;const{card:s,ctrl:r,canvasWrapper:i,expandBtn:d}=je(o,a,M.length);K[a]?.parentElement?.replaceWith(s),v[a]=r,K[a]=i,Y[a]=d}function mn(e){const t=P.get(e);t&&(t.close(),Be(e))}function gn(){for(const e of P.values())e.cardIndex!==null&&(e.cardIndex=null,e.setTitle(`${e.label} \u2014 unlinked from gallery`))}function hn(){const e=[...E.querySelectorAll("canvas")];if(!e.length)return;const t=e.length,n=Math.ceil(Math.sqrt(t)),a=Math.ceil(t/n),l=e[0].width,o=e[0].height,s=8,r=window.devicePixelRatio||1,i=Math.round(26*r),d=Math.round(12*r),f=document.createElement("canvas");f.width=n*l+(n-1)*s,f.height=a*(o+i)+(a-1)*s;const h=f.getContext("2d"),m=Sn(E);h.fillStyle=m.background,h.fillRect(0,0,f.width,f.height),e.forEach((T,N)=>{const R=N%n,ce=Math.floor(N/n),fe=R*(l+s),b=ce*(o+i+s),W=T.closest(".wmap-gallery-card")?.querySelector("span")?.textContent??"";h.fillStyle=m.surface,h.fillRect(fe,b,l,i),h.fillStyle=m.text,h.font=`700 ${d}px system-ui, sans-serif`,h.textAlign="left",h.textBaseline="middle",h.fillText(W,fe+Math.round(10*r),b+i/2,l-Math.round(20*r)),h.drawImage(T,fe,b+i)}),f.toBlob(T=>{T&&jn(T,ee,u.onSaveImage)})}return{setItems(e){y=e.map(n=>typeof n=="function"?null:n);const t=c.plotMode;if(ue.has(t))if(e.some(a=>typeof a=="function"))z(e);else{const a=$e(t);c={...c,...a},z(de(t))}else z(e)},setOptions(e){w(e,{fireCallback:!1})},getOptions(){return{...c}},setFallbackFormat(e){he=e;for(const t of v)t&&t.setFallbackFormat(e)},setLotStatsSummary(e){O=e,ft(),p&&I(),q()},setColumns(e){xt(e)},openUserGuide:pt,destroy(){De++;for(const e of[...P.values()])e.closePollId!=null&&clearInterval(e.closePollId),e.close(),e.ctrl.destroy();P.clear();for(const e of v)e&&e.destroy();v=[],oe()?.remove(),Ct.disconnect(),S.ownerDocument.removeEventListener("click",xe,!0),window.removeEventListener("blur",Je),Ht(),Bt(),B.remove(),G.remove(),F.remove(),p?.remove(),re?.destroy()}}}

package/dist/packages/canvas-adapter/renderWaferMap.d.ts

@@ -5,6 +5,7 @@ import type { WaferMapResult } from '../renderer/buildWaferMap.js';
 import type { StatsSummary } from '../stats/types.js';
 import { type SaveImageHandler, type SaveTextHandler, type UserGuideExtension } from './toolbar.js';
 import type { SummaryPanelOptions } from './summaryPanel.js';
+import { type WarningsOptions } from './warnings.js';
 import { type InsightsOptions } from './insightsTab.js';
 /**
  * Stable display preferences — worth persisting to localStorage or a user profile.
@@ -254,6 +255,19 @@ export interface RenderOptions extends Omit<ToCanvasOptions, 'viewport' | 'hbinD
      * group by).
      */
     insights?: InsightsOptions;
+    /**
+     * Built-in surfacing of the library's own data warnings (see `WarningsOptions`).
+     *
+     * Defaults to showing them: the library raises geometry advisories that mean
+     * dies may be drawn in the wrong place, and analysis advisories that mean a
+     * feature silently produced nothing. It has the information, so telling the
+     * user is its responsibility rather than the caller's.
+     *
+     * Hosts with their own notification system should pass
+     * `{ display: false, onWarning }` — the library still collects, de-duplicates
+     * and severity-orders, and the host owns only presentation.
+     */
+    warnings?: WarningsOptions;
 }
 export interface WaferMapController {
     /** Update the die data (e.g. after a data reload) — rebuilds scene, preserves zoom/pan. */

package/dist/packages/canvas-adapter/renderWaferMap.js

@@ -1 +1 @@
-import{buildView as Vn,buildHoverText as _n,findTestDef as vt,resolveTestNumber as bt}from"../renderer/buildView.js";import{toCanvas as Gn,BIN_LEGEND_W as dn,BIN_LEGEND_W_COMPACT as Zn,BIN_LEGEND_ADAPT_COMPACT as Qn,BIN_LEGEND_ADAPT_FLOATING as jn}from"./toCanvas.js";import{buildWaferMap as Un,getTestPassStatus as $n,isParametricTest as cn}from"../renderer/buildWaferMap.js";import{analyzeWaferMap as qn}from"../stats/analyzeWaferMap.js";import{CLR as q,Z_BASE as Jn,applyOverlayZ as ei,getTooltip as pn,hideTooltip as $e,reparentTooltip as ti,positionTooltip as xt,createToolbarHelpers as ni,buildModeMenuEl as ii,openReparentedModal as oi,openUserGuideWindow as ai,makePaletteBtn as si,makeLogScaleBtn as li,makeLegendStyleBtn as ri,makeOverlaysBtn as di,makeOrientationBtn as ci,overlayRootFor as pi,saveImageBlob as fi,markMenuTrigger as qe,wireMenuA11y as ui,nextFrame as wt,passFailMenuRows as hi,requestedPassFailDisplay as Mt,logWmapVersionOnce as gi,buildDataModeEntries as mi,metadataKeyHasData as yi,metadataModeEntry as vi}from"./toolbar.js";import{createSummaryPanelEl as St,wrapWithSummaryPanel as Ct,renderWaferSummaryContent as bi}from"./summaryPanel.js";import"../stats/facets.js";import{ICONS as fn}from"./icons.js";import{hardBinColor as xi,softBinColor as wi,metadataValueColor as Mi}from"../renderer/colorMap.js";import{createInsightsTab as Si}from"./insightsTab.js";import{createMetadataBadge as Ci}from"./metadataBadge.js";import{getDieKey as Me}from"../core/dies.js";const un=new Set(["colorScheme","rotation","flipX","flipY","showDieLabels","showPartialDies","showRingBoundaries","showQuadrantBoundaries","showReticle","showXYIndicator","ringCount","legendPosition","logScale","colorbarRangeMode"]);export function classifyChanged(z){const w=z.some(R=>un.has(R)),M=z.some(R=>!un.has(R));return w&&M?"mixed":w?"preference":"state"}export function renderWaferMap(z,w,M={}){gi();const R=z.ownerDocument,_=R.defaultView??window;_.getComputedStyle(z).position==="static"&&(z.style.position="relative");const hn=z.clientHeight;M.height!=null&&(z.style.height=typeof M.height=="number"?`${M.height}px`:M.height);const J=document.createElement("div");Object.assign(J.style,{position:"relative",width:"100%",height:"100%"}),M.maxSize!=null&&(J.style.maxWidth=`${M.maxSize}px`,J.style.maxHeight=`${M.maxSize}px`),z.appendChild(J);const x=document.createElement("div");Object.assign(x.style,{position:"relative",width:"100%",height:"100%"});const a=document.createElement("canvas");Object.assign(a.style,{width:"100%",height:"100%",display:"block"}),x.appendChild(a),J.appendChild(x);const{onHover:Ye,onClick:gn,onSelect:oe,onViewOptionsChange:mn,showTooltip:yn=!0,showToolbar:fe=!0,showMetadataBadge:vn=!0,toolbarControls:Et="full",showPlotModeSelector:bn=!0,minZoom:xn=.4,maxZoom:wn=20,summaryPanel:Se,renderTooltip:Bt,passBins:kt=[1],showHelpButton:Mn=!1,userGuideExtension:Sn,onExpand:Dt,showExpandButton:Lt=!0,zIndex:Cn,insights:Pt,viewOptions:En={},...ae}=M,Bn=Pt?.enabled??!1,kn=ei(Cn);let Ce=ae.fallbackFormat,se=M.statsSummary,Je=w,ee=w.wafer,le=w.dies,S=new Set,Q=w.hbinDefs,j=w.sbinDefs,U=w.testDefs,Ee=w.metadataFields,Tt=w.reticles?.length?w.reticles:void 0,Ot=w.reticleConfig,Rt=w.view?.dataAxisFlip,et=w.isLotStack,tt=w.aggrMethod,nt=w.lotSize,It=!1,k=null;vn&&(k=Ci(ee.metadata,{lotStack:At()}),k.isEmpty()||x.appendChild(k.el));function At(){return et?{lotSize:nt??1,aggrMethod:tt}:void 0}function Dn(){if(!k)return;k.update(ee.metadata,At());const e=k.el.isConnected;k.isEmpty()&&e?k.el.remove():!k.isEmpty()&&!e&&x.appendChild(k.el)}const Ft=[...Q??[],...j??[]].some(e=>e.color);let s={plotMode:"hardBin",colorScheme:Ft?"custom":"default",showDieLabels:!1,showPartialDies:!0,showRingBoundaries:!1,showQuadrantBoundaries:!1,showReticle:!1,showXYIndicator:!1,ringCount:4,rotation:0,flipX:!1,flipY:!1,legendPosition:ae.legendPosition??"default",...En},te=null,ue=!1;Bn&&(te=Si({getItems:()=>[{wafer:ee,dies:le,hbinDefs:Q,sbinDefs:j,testDefs:U,label:String(ee.metadata?.waferId??""),statsSummary:se}],getColorSchemeName:()=>s.colorScheme??"default",passBins:kt,getRingCount:()=>s.ringCount??4,onSaveImage:M.onSaveImage,onSaveText:M.onSaveText,defaultView:Pt?.defaultView,backTab:{label:"Map",onBack:()=>it(!1)}}),Object.assign(te.el.style,{position:"absolute",inset:"0",background:q.panelBg,overflowY:"auto",paddingTop:fe?"44px":"0"}),J.appendChild(te.el));function it(e){te&&(ue=e,te.el.style.display=e?"flex":"none",F&&(F.style.display=e?"none":"flex"),E&&(E.style.display=e?"none":"flex"),G&&(G.style.display=e?"none":"flex"),k&&(k.el.style.display=e||It?"none":""),Ne(),Y&&(Y.innerHTML=e?fn.wafer:fn.analysis,Y.ariaLabel=e?"Back to wafer view":"Insights"),e&&te.render())}let h,Yt,I=null,D=null,ot=[],Be=null,at=ae.legendOffset??{x:0,y:0},ke=!1,he=!1,De={x:0,y:0},st={x:0,y:0},re=!1,ge=!1,H="pan",me={x:0,y:0},He={x:0,y:0},L={x:0,y:0},P={x:0,y:0},Le=!1,ye=!1;function Pe(){const e=s;h=Vn(ee,le,{plotMode:e.plotMode,colorScheme:e.colorScheme,showDieLabels:e.showDieLabels,showPartialDies:e.showPartialDies,showRingBoundaries:e.showRingBoundaries,showQuadrantBoundaries:e.showQuadrantBoundaries,showReticle:e.showReticle,showXYIndicator:e.showXYIndicator,reticles:Tt,ringCount:e.ringCount,highlightBin:e.highlightBin,highlightMetadataValue:e.highlightMetadataValue,activeTest:e.activeTest,activeMetadataKey:e.activeMetadataKey,testDefs:U,valueRange:e.valueRange,logScale:e.logScale,isLotStack:et,aggregationMethod:tt??e.aggregationMethod,lotSize:nt??e.lotSize,dataAxisFlip:Rt,colorbarRangeMode:e.colorbarRangeMode,passFailDisplay:e.passFailDisplay,fallbackFormat:Ce,interactiveTransform:{rotation:e.rotation??0,flipX:e.flipX??!1,flipY:e.flipY??!1}},{hbinDefs:Q,sbinDefs:j,metadataFields:Ee}),Yt=new Map(h.dies.map((t,n)=>[Me(t),n]))}Pe();let X=null,de=null,Xe=null,Ln={},T=null,$=null;function Pn(e){const{kind:t,index:n}=e.variable;v(t==="test"?{plotMode:"value",activeTest:n??0,highlightBin:void 0}:t==="softBin"?{plotMode:"softBin",highlightBin:void 0}:{plotMode:"hardBin",highlightBin:void 0});const i=e.highlight;i.kind==="bin"?(ft(i.dieKeys),v({highlightBin:i.bin})):(i.kind==="region"||i.kind==="dies")&&ft(i.dieKeys)}function Ht(e){bi(e,{wafer:ee,dies:le,yieldSummary:Je.yield,dataCoverage:Je.dataCoverage,hbinDefs:Q,sbinDefs:j,testDefs:U,statsSummary:se,passBins:kt,ringCount:s.ringCount??4,colorScheme:s.colorScheme,fallbackFormat:Ce,activeFindingId:Xe,findingsFilter:Ln,onFindingsFilterChange:ce,onSaveText:M.onSaveText,onFindingClick:(t,n)=>{Xe===t.id?(Xe=null,ft([]),v({highlightBin:void 0})):(Xe=t.id,Pn(t)),ce()}})}function ce(){X&&Ht(X)}function We(){T&&Ht(T)}function Xt(e,t){fe&&(t==="right"||t==="top")&&(e.style.paddingTop="44px")}if(Se?.placement){const e=Se.placement;X=St(e),Xt(X,e);const t=x.parentElement,n=x.nextSibling;de=Ct(x,X,e),t?.insertBefore(de,n),ce()}else if(se){const e=Se?.defaultOpen??!fe;T=St("right"),Xt(T,"right"),T.style.display=e?"block":"none";const t=x.parentElement,n=x.nextSibling;$=Ct(x,T,"right"),t?.insertBefore($,n),We()}const m=yn?pn(R):null;let C=null,A=null,F=null,E=null,ze=null,O=null,G=null,Ke=null,Y=null;const Tn=24;let ve=null,lt=null,Wt=null,rt=null,dt=null,ct=null,pt=null;function ft(e){S=new Set(e??[]),oe&&oe(mt()),y()}function Ne(){if(!O)return;const e=!!(X??T);O.style.display=se&&e&&!ue?"flex":"none";const t=X??T,n=t?t.style.display!=="none":!1;se?.hasNotableFindings&&!n?O.style.color=q.findingIndicator:O.dataset.active||(O.style.color=q.icon)}if(fe){let ne=function(Z){H=Z,i(K,Z==="zoom"),i(Oe,Z==="pan"),ze&&i(ze,Z==="select"),a.style.cursor=Z==="pan"?"grab":"crosshair"},Ge=function(){ve&&(clearTimeout(ve),ve=null),C&&(C.style.opacity="1")},Ze=function(){ve=setTimeout(()=>{C&&(C.style.opacity="0.35")},600)};C=document.createElement("div"),C.dataset.wmapToolbar="single",Object.assign(C.style,{position:"absolute",top:"4px",right:"4px",display:"flex",flexDirection:"row",alignItems:"center",background:q.menuBg,border:`1px solid ${q.menuBorder}`,borderRadius:"4px",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",zIndex:Jn,opacity:"0.35",transition:"opacity 0.2s ease",pointerEvents:"auto"});const e=pn(R),t=ni(e),{makeBtn:n,setActive:i,makeSep:o,makeMenuRow:f,makeMenuSection:g,makeDropdown:l,makeCheckMenuBtn:p,closeOpenMenu:d,getOpenMenu:r,setOpenMenu:u}=t;lt=d,Wt=r,R.addEventListener("click",d,!0),F=document.createElement("div"),Object.assign(F.style,{display:"flex",alignItems:"center",gap:"0"}),C.appendChild(F);const we=n("download","Download PNG",In);F.appendChild(we),F.appendChild(o());const K=n("zoomMode","Zoom (drag to zoom region)",()=>ne("zoom")),ie=n("zoomIn","Zoom in",()=>xe(a.clientWidth/2,a.clientHeight/2,1.2)),B=n("zoomOut","Zoom out",()=>xe(a.clientWidth/2,a.clientHeight/2,1/1.2)),N=n("reset","Reset zoom (double-click)",()=>_e());F.appendChild(K),F.appendChild(ie),F.appendChild(B),F.appendChild(N),F.appendChild(o());const Oe=n("pan","Pan (drag to move)",()=>ne("pan"));if(F.appendChild(Oe),ze=n("boxSelect","Select (drag to select dies)",()=>ne("select")),F.appendChild(ze),i(Oe,!0),Et!=="view-only"){let Z=function(c){return c.plotMode!==(s.plotMode??"hardBin")?!1:c.plotMode==="value"?(s.activeTest??0)===(c.activeTest??0):c.plotMode==="metadata"?s.activeMetadataKey===c.activeMetadataKey:!0},Re=function(c,b){c.activeTest!==void 0?v({plotMode:c.plotMode,activeTest:c.activeTest,activeMetadataKey:void 0,logScale:c.logScale}):c.activeMetadataKey!==void 0?v({plotMode:c.plotMode,activeTest:void 0,activeMetadataKey:c.activeMetadataKey,passFailDisplay:"off"}):v({plotMode:c.plotMode,activeTest:void 0,activeMetadataKey:void 0,passFailDisplay:"off"}),b.remove(),u(null),qe(V,!1)};A=document.createElement("div"),Object.assign(A.style,{display:"flex",alignItems:"center",gap:"0"}),C.appendChild(A),E=document.createElement("div"),Object.assign(E.style,{display:"flex",alignItems:"center",gap:"0"}),A.appendChild(E),E.appendChild(o());const Qe=()=>{const c=r();c&&(c.remove(),u(null)),qe(V,!1)},V=n("mode","Plot mode",()=>{if(r()){Qe();return}const c=h.dies,b=h.testDefs,{testEntries:Ue,binEntries:pe,stackedEntries:Ie}=mi(c,b,{includeStacked:h.isLotStack}),yt=(Ee??[]).filter(Fe=>yi(c,Fe.key)).map(vi),Ae=ii(V.getBoundingClientRect(),Ue,pe,Ie,Z,Re,{makeMenuRow:f,makeMenuSection:g},s.plotMode??"hardBin",V.ownerDocument.defaultView??window,yt);pi(V).appendChild(Ae),u(Ae),qe(V,!0),ui(Ae,V,Qe)});qe(V,!1);const{btn:An,sync:Fn}=si(t,()=>s.plotMode??"hardBin",()=>s.colorScheme??"default",()=>Ft,c=>v({colorScheme:c}));dt=Fn,dt();const Yn=di(t,()=>{const c=!!h.hasReticle,b=(s.plotMode??"hardBin")==="value",{testNumber:Ue}=bt(s.activeTest??0,h.testDefs),pe=vt(h.testDefs,Ue),Ie=b&&pe!==void 0&&!cn(pe),yt=b&&!Ie&&(pe?.limitLow!==void 0||pe?.limitHigh!==void 0),Ae=b&&!Ie&&h.dies.some(Fe=>$n(Fe,Ue,pe)!==void 0);return[{label:"Ring boundaries",active:!!s.showRingBoundaries,onClick:()=>v({showRingBoundaries:!s.showRingBoundaries})},{label:"Quadrant lines",active:!!s.showQuadrantBoundaries,onClick:()=>v({showQuadrantBoundaries:!s.showQuadrantBoundaries})},{label:"Die labels",active:!!s.showDieLabels,onClick:()=>v({showDieLabels:!s.showDieLabels})},{label:"Reticle grid",active:!!s.showReticle,enabled:c,onClick:()=>v({showReticle:!s.showReticle})},{label:"XY indicator",active:!!s.showXYIndicator,onClick:()=>v({showXYIndicator:!s.showXYIndicator})},...hi({functionalActive:Ie,hasLimits:yt,hasRecorded:Ae,display:Mt(s)},Fe=>v({passFailDisplay:Fe}))]},()=>!!(s.showRingBoundaries||s.showQuadrantBoundaries||s.showDieLabels||s.showReticle||s.showXYIndicator||Mt(s)!=="off")),{btn:Hn,sync:Xn}=ri(t,()=>s,c=>v({legendPosition:c}));rt=Xn,rt();const rn=()=>{const{testNumber:c}=bt(s.activeTest??0,U),b=vt(U,c);return b!==void 0&&!cn(b)},{btn:Wn,sync:zn}=li(t,()=>({...s,functionalActive:rn()}),c=>v(c));ct=zn,ct();const Kn=()=>{const{testNumber:c}=bt(s.activeTest??0,U),b=vt(U,c);return b!==void 0&&(b.limitLow!==void 0||b.limitHigh!==void 0)},je=n("specRange","Colorbar range: spec limits",()=>{const c=s.colorbarRangeMode==="data"?"spec":"data";v({colorbarRangeMode:c})});pt=()=>{const c=s.plotMode==="value"&&Kn()&&Mt(s)==="off"&&!rn();je.style.display=c?"":"none";const b=(s.colorbarRangeMode??"spec")==="spec";i(je,b),je.ariaLabel=b?"Colorbar range: spec limits (click for data range)":"Colorbar range: data range (click for spec limits)"},pt();const Nn=ci(t,()=>s,c=>v(c));bn&&E.appendChild(V),E.appendChild(An),E.appendChild(Wn),E.appendChild(je),E.appendChild(o()),E.appendChild(Yn),E.appendChild(o()),E.appendChild(Hn),E.appendChild(o()),E.appendChild(Nn),se&&(O=n("findings","Summary panel",()=>{const c=X??T;if(!c)return;const b=c.style.display!=="none";c.style.display=b?"none":"block",i(O,!b),Ne()}),A.appendChild(o()),A.appendChild(O),T?.style.display!=="none"&&i(O,!0),Ne()),Lt&&(A.appendChild(o()),G=n("expand","Expand (E)",Dt??zt),A.appendChild(G)),te&&(A.appendChild(o()),Y=n("analysis","Insights",()=>{it(!ue),i(Y,ue)}),A.appendChild(Y)),Mn&&(A.appendChild(o()),Ke=n("help","User guide",()=>ln()),A.appendChild(Ke))}J.appendChild(C),a.addEventListener("mouseenter",Ge),a.addEventListener("mouseleave",Ze),C.addEventListener("mouseenter",Ge),C.addEventListener("mouseleave",Ze)}let be=null;function zt(){be&&(be.close(),be=null);const e=de??$??x;e.style.flex="1",e.style.minWidth="0",e.style.minHeight="0";const t=oi(C?[e,C]:[e],{ownerDocument:R,onClosed:()=>{be=null,G&&(G.style.display="flex"),a.focus({preventScroll:!0})}});t&&(C&&(t.contentWrap.style.position="relative"),be=t,G&&(G.style.display="none"))}function Kt(e){const t=s.plotMode;if(s={...s,...e},e.plotMode!==void 0&&e.plotMode!==t){I=null;const o=s.plotMode;(o==="hardBin"||o==="softBin")&&!new Set(["default","accessible","custom"]).has(s.colorScheme??"")&&(s={...s,colorScheme:"default"})}Object.keys(e).every(o=>o==="legendPosition")||Pe(),rt?.(),dt?.(),ct?.(),pt?.(),y();const i=e.plotMode!==void 0&&e.plotMode!==t;(e.colorScheme!==void 0||i)&&(ce(),We())}function v(e){Kt(e);const t=Object.keys(e);mn?.(s,t,classifyChanged(t))}let ut=!1;function ht(){ut||(ut=!0,wt(()=>{ut=!1,y()},_))}function y(){const e=D??void 0,t=h.dies[0],n=t?{x:t.width,y:t.height}:ae.diePitchMm,i=Math.floor(a.clientWidth||a.width),o=!!(Q?.length||j?.length||h.dies.some(r=>r.hbin!=null||r.sbin!=null)),f=s.legendPosition??"default",g=f==="default"||f==="compact",l=(ae.colorbarWidth??16)+28,p=o&&g?f!=="default"?Math.max(dn,l):i<jn?0:i<Qn?Math.max(Zn,l):Math.max(dn,l):void 0,d=Gn(a,h,{...ae,topClearance:fe?Tn:0,minRightReserve:p,legendPosition:f,legendOffset:at,diePitchMm:n,fallbackFormat:Ce,showAxes:ae.showAxes??D!==null,viewport:e,activeBin:s.plotMode==="metadata"?s.highlightMetadataValue:s.highlightBin,hbinDefs:Q,sbinDefs:j,metadataFields:Ee});ot=d.binLegendRows,Be=d.legendBox??null,I||(I=d.viewport),S.size>0&&On(),ge&&Rn()}function On(){const e=W();if(!e)return;const t=a.getContext("2d"),n=h.hoverPoints,i=h.rectangles[0],o=i?i.width/2*e.ppm:e.ppm*.5,f=i?i.height/2*e.ppm:e.ppm*.5,g=Math.max(1,Math.min(3,o*.08)),l=o-g,p=f-g,d=[];for(const r of S){const u=Yt.get(r);u!==void 0&&d.push({sx:e.originX+n[u].x*e.ppm,sy:e.originY-n[u].y*e.ppm})}if(d.length){t.save(),t.setLineDash([]),t.fillStyle="rgba(0,0,0,0.12)",t.beginPath();for(const{sx:r,sy:u}of d)t.rect(r-l,u-p,l*2,p*2);t.fill(),t.strokeStyle="rgba(255,255,255,0.9)",t.lineWidth=3,t.beginPath();for(const{sx:r,sy:u}of d)t.rect(r-l,u-p,l*2,p*2);t.stroke(),t.strokeStyle="rgba(0,0,0,0.9)",t.lineWidth=1.5,t.beginPath();for(const{sx:r,sy:u}of d)t.rect(r-l,u-p,l*2,p*2);t.stroke(),t.restore()}}function Rn(){const e=a.getContext("2d"),t=Math.min(L.x,P.x),n=Math.min(L.y,P.y),i=Math.abs(P.x-L.x),o=Math.abs(P.y-L.y);e.save(),e.fillStyle="rgba(0,0,0,0.08)",e.fillRect(t,n,i,o),e.setLineDash([5,3]),e.strokeStyle="rgba(255,255,255,0.9)",e.lineWidth=3,e.strokeRect(t,n,i,o),e.strokeStyle="rgba(0,0,0,0.9)",e.lineWidth=1.5,e.strokeRect(t,n,i,o),e.restore()}function In(){a.toBlob(e=>{e&&fi(e,M.downloadFilename??"wafermap",M.onSaveImage)})}function Nt(e){return I?Math.max(I.ppm*xn,Math.min(I.ppm*wn,e)):e}function xe(e,t,n){const i=D??I;if(!i)return;const o=Nt(i.ppm*n),f=o/i.ppm,g=e-(e-i.originX)*f,l=t-(t-i.originY)*f,p=(I?.snapDist??1)/(o/(I?.ppm??o));D={originX:g,originY:l,ppm:o,snapDist:p},y()}function W(){return D??I}function Vt(e){if(e.ctrlKey||e.metaKey){e.preventDefault();const t=a.getBoundingClientRect(),n=e.deltaY<0?1.12:1/1.12;xe(e.clientX-t.left,e.clientY-t.top,n)}else if(D!==null){e.preventDefault();const t=W(),n=D.snapDist;D={originX:t.originX-e.deltaX,originY:t.originY-e.deltaY,ppm:t.ppm,snapDist:n},y()}}function _t(e,t,n){return e>=n.x&&e<n.x+n.w&&t>=n.y&&t<n.y+n.h}function Gt(e){if(e.button!==0||!W())return;a.focus({preventScroll:!0}),a.setPointerCapture(e.pointerId);const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top;if(Be&&s.legendPosition==="floating"&&_t(n,i,Be)){he=!0,De={x:n,y:i},st={...at};return}if(Le&&H!=="pan"){ye=!0,re=!0,me={x:n,y:i},He={x:W().originX,y:W().originY},a.style.cursor="grabbing";return}if(H==="zoom"||H==="select"){ge=!0,L=P={x:n,y:i};return}re=!0,me={x:n,y:i},He={x:W().originX,y:W().originY},a.style.cursor="grabbing"}function Zt(e){const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top;if(ge){P={x:n,y:i},ht();return}if(he){const r=n-De.x,u=i-De.y;r*r+u*u>16&&(he=!1,ke=!0,a.style.cursor="grabbing")}if(ke){at={x:st.x+(n-De.x),y:st.y+(i-De.y)},ht();return}if(re){const r=W(),u=D?.snapDist??I?.snapDist??1;D={originX:He.x+(n-me.x),originY:He.y+(i-me.y),ppm:r.ppm,snapDist:u},ht();return}const o=W();if(!o)return;const f=(n-o.originX)/o.ppm,g=(o.originY-i)/o.ppm,p=$t(f,g,o.snapDist)?.die??null,d=ot.find(r=>n>=r.x&&n<r.x+r.w&&i>=r.y&&i<r.y+r.h);if(d){a.style.cursor="pointer",m&&(m.innerHTML=d.label??`Bin ${d.bin}`,m.style.display="block",xt(m,a,e.clientX,e.clientY)),Ye?.(null,e);return}if(H==="pan"&&(a.style.cursor=p?"crosshair":"grab"),m)if(p)if(Bt){const r=Bt(p);r===null?m.style.display="none":(typeof r=="string"?m.innerHTML=r:(m.innerHTML="",m.appendChild(r)),m.style.display="block",xt(m,a,e.clientX,e.clientY))}else m.innerHTML=_n(p,h.plotMode,{testDefs:U,hbinDefs:Q,sbinDefs:j,fallbackFormat:Ce,aggrMethod:h.aggrMethod,lotSize:h.lotSize,waferMeta:ee.metadata,activeTest:h.activeTest,reticleConfig:Ot}),m.style.display="block",xt(m,a,e.clientX,e.clientY);else m.style.display="none";Ye?.(p,e)}function Qt(e){const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top,o=e.ctrlKey||e.metaKey;if(m&&(n<0||i<0||n>t.width||i>t.height)&&(m.style.display="none"),ge){ge=!1,P={x:n,y:i};const l=n-L.x,p=i-L.y,d=W();if(H==="zoom"){if(l*l+p*p<25)xe(n,i,2);else if(d){const r=Math.min(L.x,P.x),u=Math.max(L.x,P.x),ne=Math.min(L.y,P.y),we=Math.max(L.y,P.y),K=u-r,ie=we-ne;if(K>4&&ie>4){const B=a.clientWidth,N=a.clientHeight,Oe=B/K,Ge=N/ie,Ze=Math.min(Oe,Ge),Z=Nt(d.ppm*Ze),Re=Z/d.ppm,Qe=(r+u)/2,V=(ne+we)/2;D={originX:B/2-(Qe-d.originX)*Re,originY:N/2-(V-d.originY)*Re,ppm:Z,snapDist:d.snapDist/Re}}}y(),a.style.cursor="crosshair";return}if(l*l+p*p<25)gt(n,i,o,e);else if(d){const r=(Math.min(L.x,P.x)-d.originX)/d.ppm,u=(Math.max(L.x,P.x)-d.originX)/d.ppm,ne=(d.originY-Math.max(L.y,P.y))/d.ppm,we=(d.originY-Math.min(L.y,P.y))/d.ppm,K=h.hoverPoints,ie=[];for(let B=0;B<K.length;B++)if(K[B].x>=r&&K[B].x<=u&&K[B].y>=ne&&K[B].y<=we){const N=h.dies[B];N&&ie.push(N)}if(o)for(const B of ie){const N=Me(B);S.has(N)?S.delete(N):S.add(N)}else S=new Set(ie.map(B=>Me(B)));oe?.(mt())}y(),a.style.cursor="crosshair";return}if(he){he=!1,gt(n,i,o,e);return}if(ke){ke=!1,a.style.cursor="grab";return}if(!re)return;if(re=!1,ye){ye=!1,a.style.cursor=Le||H==="pan"?"grab":"crosshair";return}a.style.cursor=H==="pan"?"grab":"crosshair";const f=n-me.x,g=i-me.y;f*f+g*g<25&&gt(n,i,o,e)}function gt(e,t,n,i){for(const l of ot)if(e>=l.x&&e<l.x+l.w&&t>=l.y&&t<l.y+l.h){if(typeof l.bin=="number"){const p=s.highlightBin===l.bin?void 0:l.bin;v({highlightBin:p})}else{const p=s.highlightMetadataValue===l.bin?void 0:l.bin;v({highlightMetadataValue:p})}return}if(Be&&_t(e,t,Be))return;const o=W();if(!o)return;const g=$t((e-o.originX)/o.ppm,(o.originY-t)/o.ppm,o.snapDist)?.die??null;if(g){gn?.(g,i);const l=Me(g);n?S.has(l)?S.delete(l):S.add(l):S=new Set([l]),oe?.(mt()),y()}else n||(S=new Set,oe?.([]),y())}function mt(){const e=[],t=h.hoverPoints;for(let n=0;n<t.length;n++){const i=h.dies[n];i&&S.has(Me(i))&&e.push(i)}return e}function jt(){m&&$e(R),Ye?.(null,new MouseEvent("mouseleave")),a.style.cursor=H==="pan"?"grab":"crosshair"}function Ut(){re=!1,ye=!1,ge=!1,he=!1,ke=!1,m&&$e(R),Ye?.(null,new MouseEvent("mouseleave")),a.style.cursor=H==="pan"?"grab":"crosshair",y()}function $t(e,t,n){const i=h.hoverPoints,o=h.rectangles;for(let p=0;p<o.length;p++){const d=o[p];if(Math.abs(e-d.x)<=d.width/2&&Math.abs(t-d.y)<=d.height/2){const r=h.dies[p];return r?{die:r,index:p}:null}}let f=null,g=-1,l=n*n;for(let p=0;p<i.length;p++){const d=i[p].x-e,r=i[p].y-t,u=d*d+r*r;u<l&&(l=u,f=h.dies[p]??null,g=p)}return f?{die:f,index:g}:null}const qt=new _.ResizeObserver(()=>{I=null,D=null,y()});qt.observe(a),M.height==null&&hn<=0&&wt(()=>wt(()=>{z.clientHeight>0||console.warn("[wafermap] The map container has zero height, so the map cannot render. renderWaferMap fills its container \u2014 give the container a resolved height: an explicit CSS `height` (e.g. 600px), a height-resolved flex/grid parent, or `position:absolute; inset:0`. Alternatively pass `{ height: 600 }` in the render options and the library will size it for you.")}));let Te=_.matchMedia(`(resolution: ${_.devicePixelRatio}dppx)`);const Ve=()=>{Te.removeEventListener("change",Ve),Te=_.matchMedia(`(resolution: ${_.devicePixelRatio}dppx)`),Te.addEventListener("change",Ve),y()};Te.addEventListener("change",Ve);const Jt=_.matchMedia("(prefers-color-scheme: dark)"),en=()=>y();Jt.addEventListener("change",en);const tn=()=>{m&&$e(R)};_.addEventListener("blur",tn);function nn(e){if(e.key==="Escape"&&S.size>0&&(S=new Set,oe?.([]),y()),(e.key==="e"||e.key==="E")&&Et!=="view-only"&&Lt&&!ue&&(e.stopPropagation(),(Dt??zt)()),(e.ctrlKey||e.metaKey)&&(e.key==="="||e.key==="+"?(e.preventDefault(),xe(a.clientWidth/2,a.clientHeight/2,1.2)):e.key==="-"?(e.preventDefault(),xe(a.clientWidth/2,a.clientHeight/2,1/1.2)):e.key==="0"&&(e.preventDefault(),_e())),!e.ctrlKey&&!e.metaKey&&!e.shiftKey){const n=W();if(n){const i=D?.snapDist??I?.snapDist??1;let o=0,f=0;e.key==="ArrowLeft"&&(o=20,e.preventDefault()),e.key==="ArrowRight"&&(o=-20,e.preventDefault()),e.key==="ArrowUp"&&(f=20,e.preventDefault()),e.key==="ArrowDown"&&(f=-20,e.preventDefault()),(o||f)&&(D={originX:n.originX+o,originY:n.originY+f,ppm:n.ppm,snapDist:i},y())}e.key===" "&&!Le&&(e.preventDefault(),Le=!0,H!=="pan"&&(a.style.cursor="grab"))}}function on(e){e.key===" "&&(Le=!1,ye&&(re=!1,ye=!1),a.style.cursor=H==="pan"?"grab":"crosshair")}a.style.cursor="grab",a.setAttribute("tabindex","0"),a.addEventListener("wheel",Vt,{passive:!1}),a.addEventListener("pointerdown",Gt),a.addEventListener("pointermove",Zt),a.addEventListener("pointerup",Qt),a.addEventListener("pointerleave",jt),a.addEventListener("pointercancel",Ut);const an=()=>_e();a.addEventListener("dblclick",an),a.addEventListener("keydown",nn),a.addEventListener("keyup",on);const sn=e=>{e.stopPropagation()};a.addEventListener("click",sn),a.clientWidth,y();function _e(){I=null,D=null,y()}function ln(){import("./userGuideHtml.js").then(e=>ai({buildWaferMap:Un,renderWaferMap,renderWaferGallery:void 0,analyzeWaferMap:qn},e.USER_GUIDE_HTML,Sn,z))}return{setDies(e){le=e,Pe(),y(),X&&ce()},setResult(e){Je=e,ee=e.wafer,le=e.dies,Q=e.hbinDefs,j=e.sbinDefs,U=e.testDefs,Ee=e.metadataFields,Tt=e.reticles?.length?e.reticles:void 0,Ot=e.reticleConfig,Rt=e.view?.dataAxisFlip,et=e.isLotStack,tt=e.aggrMethod,nt=e.lotSize,Dn(),Pe(),y(),X&&ce()},setOptions(e){Kt(e)},getOptions(){return{...s}},resetZoom:_e,setSelection(e){S=new Set(e.map(t=>Me(t))),y()},clearSelection(){S=new Set,oe?.([]),y()},setFallbackFormat(e){Ce=e,Pe(),y()},setStatsSummary(e){if(se=e,X)ce();else if(T)We();else if(e&&!Se?.placement){const t=Se?.defaultOpen??!fe;T=St("right"),T.style.display=t?"block":"none";const n=x.parentElement,i=x.nextSibling;$=Ct(x,T,"right"),n?.insertBefore($,i),We()}Ne()},setSummaryVisible(e){O&&(O.style.display=e?"flex":"none")},setViewControlsVisible(e){A&&(A.style.display=e?"flex":"none")},setExpandVisible(e){G&&(G.style.display=e?"flex":"none")},setHelpButtonVisible(e){Ke&&(Ke.style.display=e?"flex":"none")},setMetadataBadgeVisible(e){It=!e,k&&(k.el.style.display=e&&!ue?"":"none")},openUserGuide:ln,setInsightsOpen(e){it(e),Y&&(e?(Y.dataset.active="1",Y.style.background=q.bgActive,Y.style.color=q.iconActive):(delete Y.dataset.active,Y.style.background="transparent",Y.style.color=q.icon))},closeSummaryPanel(){const e=X??T;!e||e.style.display==="none"||(e.style.display="none",O&&(delete O.dataset.active,O.style.background="transparent",O.style.color=q.icon))},setTooltipParent(e){m&&ti(e)},getActiveLegend(){const e=s.plotMode;if(e==="metadata"){const o=s.activeMetadataKey;if(!o)return null;const f=Ee?.find(l=>l.key===o),g=[...new Set(le.map(l=>l.metadata?.[o]).filter(l=>l!=null&&(typeof l=="string"||typeof l=="number"||typeof l=="boolean")).map(String))].sort();return g.length?g.map((l,p)=>{const d=f?.values?.find(u=>u.value===l),r=d?.color??Mi(p);return{bin:l,name:d?.label??l,color:r}}):null}if(e!=="hardBin"&&e!=="softBin")return null;const t=e==="hardBin",n=t?Q:j,i=[...new Set(le.map(o=>t?o.hbin:o.sbin).filter(o=>o!==void 0))].sort((o,f)=>o-f);return i.length?i.map(o=>{const f=n?.find(l=>l.bin===o),g=f?.color??(t?xi(o):wi(o));return{bin:o,name:f?.name??`Bin ${o}`,color:g}}):null},destroy(){be?.close(),ve&&clearTimeout(ve),Wt?.()?.remove(),lt&&R.removeEventListener("click",lt,!0),a.removeEventListener("wheel",Vt),a.removeEventListener("pointerdown",Gt),a.removeEventListener("pointermove",Zt),a.removeEventListener("pointerup",Qt),a.removeEventListener("pointerleave",jt),a.removeEventListener("pointercancel",Ut),a.removeEventListener("dblclick",an),a.removeEventListener("keydown",nn),a.removeEventListener("keyup",on),a.removeEventListener("click",sn),qt.disconnect(),Te.removeEventListener("change",Ve),Jt.removeEventListener("change",en),_.removeEventListener("blur",tn),kn(),m&&$e(R),C?.remove(),de&&(de.parentElement?.insertBefore(x,de),de.remove()),$&&($.parentElement?.insertBefore(x,$),$.remove()),x.remove(),a.style.cursor="",te?.destroy(),k?.destroy(),J.remove()}}}
+import{buildView as ei,buildHoverText as ti,findTestDef as wt,resolveTestNumber as Mt}from"../renderer/buildView.js";import{toCanvas as ni,BIN_LEGEND_W as yn,BIN_LEGEND_W_COMPACT as ii,BIN_LEGEND_ADAPT_COMPACT as oi,BIN_LEGEND_ADAPT_FLOATING as ai}from"./toCanvas.js";import{buildWaferMap as si,getTestPassStatus as li,isParametricTest as vn}from"../renderer/buildWaferMap.js";import{analyzeWaferMap as ri}from"../stats/analyzeWaferMap.js";import{CLR as _,Z_BASE as ci,applyOverlayZ as di,getTooltip as bn,hideTooltip as tt,reparentTooltip as pi,positionTooltip as St,createToolbarHelpers as fi,buildModeMenuEl as ui,openReparentedModal as hi,openUserGuideWindow as gi,makePaletteBtn as mi,makeLogScaleBtn as yi,makeLegendStyleBtn as vi,makeOverlaysBtn as bi,makeOrientationBtn as xi,overlayRootFor as xn,saveImageBlob as wi,markMenuTrigger as He,wireMenuA11y as wn,nextFrame as Ct,passFailMenuRows as Mi,requestedPassFailDisplay as Et,logWmapVersionOnce as Si,buildDataModeEntries as Ci,metadataKeyHasData as Ei,metadataModeEntry as Bi}from"./toolbar.js";import{createSummaryPanelEl as Bt,wrapWithSummaryPanel as kt,renderWaferSummaryContent as ki}from"./summaryPanel.js";import{collectWarnings as Di,buildWarningsMenuEl as Li,severityOf as Ti}from"./warnings.js";import"../stats/facets.js";import{ICONS as Mn}from"./icons.js";import{hardBinColor as Pi,softBinColor as Oi,metadataValueColor as Ri}from"../renderer/colorMap.js";import{createInsightsTab as Ii}from"./insightsTab.js";import{createMetadataBadge as Wi}from"./metadataBadge.js";import{getDieKey as Ce}from"../core/dies.js";const Sn=new Set(["colorScheme","rotation","flipX","flipY","showDieLabels","showPartialDies","showRingBoundaries","showQuadrantBoundaries","showReticle","showXYIndicator","ringCount","legendPosition","logScale","colorbarRangeMode"]);export function classifyChanged(z){const x=z.some(I=>Sn.has(I)),M=z.some(I=>!Sn.has(I));return x&&M?"mixed":x?"preference":"state"}export function renderWaferMap(z,x,M={}){Si();const I=z.ownerDocument,j=I.defaultView??window;j.getComputedStyle(z).position==="static"&&(z.style.position="relative");const Cn=z.clientHeight;M.height!=null&&(z.style.height=typeof M.height=="number"?`${M.height}px`:M.height);const Q=document.createElement("div");Object.assign(Q.style,{position:"relative",width:"100%",height:"100%"}),M.maxSize!=null&&(Q.style.maxWidth=`${M.maxSize}px`,Q.style.maxHeight=`${M.maxSize}px`),z.appendChild(Q);const w=document.createElement("div");Object.assign(w.style,{position:"relative",width:"100%",height:"100%"});const a=document.createElement("canvas");Object.assign(a.style,{width:"100%",height:"100%",display:"block"}),w.appendChild(a),Q.appendChild(w);const{onHover:Xe,onClick:En,onSelect:le,onViewOptionsChange:Bn,showTooltip:kn=!0,showToolbar:he=!0,showMetadataBadge:Dn=!0,toolbarControls:Dt="full",showPlotModeSelector:Ln=!0,minZoom:Tn=.4,maxZoom:Pn=20,summaryPanel:Ee,renderTooltip:Lt,passBins:Tt=[1],showHelpButton:On=!1,userGuideExtension:Rn,onExpand:Pt,showExpandButton:Ot=!0,zIndex:In,insights:Rt,warnings:It,viewOptions:Wn={},...re}=M,An=Rt?.enabled??!1,Wt=It?.display??!0,Fn=di(In);let Be=re.fallbackFormat,te=M.statsSummary,ne=[],At=!1;function Ft(){const e=Di({result:x,statsSummary:te}),t=e.length!==ne.length||e.some((n,i)=>n.code!==ne[i]?.code||n.message!==ne[i]?.message);ne=e,(t||!At)&&(At=!0,It?.onWarning?.(e))}Ft();let nt=x,ie=x.wafer,ce=x.dies,S=new Set,$=x.hbinDefs,U=x.sbinDefs,q=x.testDefs,ke=x.metadataFields,Yt=x.reticles?.length?x.reticles:void 0,Ht=x.reticleConfig,Xt=x.view?.dataAxisFlip,it=x.isLotStack,ot=x.aggrMethod,at=x.lotSize,zt=!1,D=null;Dn&&(D=Wi(ie.metadata,{lotStack:Kt()}),D.isEmpty()||w.appendChild(D.el));function Kt(){return it?{lotSize:at??1,aggrMethod:ot}:void 0}function Yn(){if(!D)return;D.update(ie.metadata,Kt());const e=D.el.isConnected;D.isEmpty()&&e?D.el.remove():!D.isEmpty()&&!e&&w.appendChild(D.el)}const Nt=[...$??[],...U??[]].some(e=>e.color);let s={plotMode:"hardBin",colorScheme:Nt?"custom":"default",showDieLabels:!1,showPartialDies:!0,showRingBoundaries:!1,showQuadrantBoundaries:!1,showReticle:!1,showXYIndicator:!1,ringCount:4,rotation:0,flipX:!1,flipY:!1,legendPosition:re.legendPosition??"default",...Wn},oe=null,ge=!1;An&&(oe=Ii({getItems:()=>[{wafer:ie,dies:ce,hbinDefs:$,sbinDefs:U,testDefs:q,label:String(ie.metadata?.waferId??""),statsSummary:te}],getColorSchemeName:()=>s.colorScheme??"default",passBins:Tt,getRingCount:()=>s.ringCount??4,onSaveImage:M.onSaveImage,onSaveText:M.onSaveText,defaultView:Rt?.defaultView,backTab:{label:"Map",onBack:()=>st(!1)}}),Object.assign(oe.el.style,{position:"absolute",inset:"0",background:_.panelBg,overflowY:"auto",paddingTop:he?"44px":"0"}),Q.appendChild(oe.el));function st(e){oe&&(ge=e,oe.el.style.display=e?"flex":"none",A&&(A.style.display=e?"none":"flex"),B&&(B.style.display=e?"none":"flex"),G&&(G.style.display=e?"none":"flex"),D&&(D.el.style.display=e||zt?"none":""),Ge(),F&&(F.innerHTML=e?Mn.wafer:Mn.analysis,F.ariaLabel=e?"Back to wafer view":"Insights"),e&&oe.render())}let h,Vt,W=null,L=null,lt=[],De=null,rt=re.legendOffset??{x:0,y:0},Le=!1,me=!1,Te={x:0,y:0},ct={x:0,y:0},de=!1,ye=!1,Y="pan",ve={x:0,y:0},ze={x:0,y:0},T={x:0,y:0},P={x:0,y:0},Pe=!1,be=!1;function Oe(){const e=s;h=ei(ie,ce,{plotMode:e.plotMode,colorScheme:e.colorScheme,showDieLabels:e.showDieLabels,showPartialDies:e.showPartialDies,showRingBoundaries:e.showRingBoundaries,showQuadrantBoundaries:e.showQuadrantBoundaries,showReticle:e.showReticle,showXYIndicator:e.showXYIndicator,reticles:Yt,ringCount:e.ringCount,highlightBin:e.highlightBin,highlightMetadataValue:e.highlightMetadataValue,activeTest:e.activeTest,activeMetadataKey:e.activeMetadataKey,testDefs:q,valueRange:e.valueRange,logScale:e.logScale,isLotStack:it,aggregationMethod:ot??e.aggregationMethod,lotSize:at??e.lotSize,dataAxisFlip:Xt,colorbarRangeMode:e.colorbarRangeMode,passFailDisplay:e.passFailDisplay,fallbackFormat:Be,interactiveTransform:{rotation:e.rotation??0,flipX:e.flipX??!1,flipY:e.flipY??!1}},{hbinDefs:$,sbinDefs:U,metadataFields:ke}),Vt=new Map(h.dies.map((t,n)=>[Ce(t),n]))}Oe();let H=null,pe=null,Ke=null,Hn={},O=null,J=null;function Xn(e){const{kind:t,index:n}=e.variable;b(t==="test"?{plotMode:"value",activeTest:n??0,highlightBin:void 0}:t==="softBin"?{plotMode:"softBin",highlightBin:void 0}:{plotMode:"hardBin",highlightBin:void 0});const i=e.highlight;i.kind==="bin"?(gt(i.dieKeys),b({highlightBin:i.bin})):(i.kind==="region"||i.kind==="dies")&&gt(i.dieKeys)}function _t(e){ki(e,{wafer:ie,dies:ce,yieldSummary:nt.yield,dataCoverage:nt.dataCoverage,hbinDefs:$,sbinDefs:U,testDefs:q,statsSummary:te,warnings:Wt?ne:[],passBins:Tt,ringCount:s.ringCount??4,colorScheme:s.colorScheme,fallbackFormat:Be,activeFindingId:Ke,findingsFilter:Hn,onFindingsFilterChange:fe,onSaveText:M.onSaveText,onFindingClick:(t,n)=>{Ke===t.id?(Ke=null,gt([]),b({highlightBin:void 0})):(Ke=t.id,Xn(t)),fe()}})}function fe(){H&&_t(H)}function Ne(){O&&_t(O)}function jt(e,t){he&&(t==="right"||t==="top")&&(e.style.paddingTop="44px")}if(Ee?.placement){const e=Ee.placement;H=Bt(e),jt(H,e);const t=w.parentElement,n=w.nextSibling;pe=kt(w,H,e),t?.insertBefore(pe,n),fe()}else if(te){const e=Ee?.defaultOpen??!he;O=Bt("right"),jt(O,"right"),O.style.display=e?"block":"none";const t=w.parentElement,n=w.nextSibling;J=kt(w,O,"right"),t?.insertBefore(J,n),Ne()}const y=kn?bn(I):null;let C=null,E=null,A=null,B=null,Ve=null,R=null,G=null,_e=null,F=null,ee=null,je=null;function Gt(){if(!ee||!je)return;const e=ne.length,t=e>0;if(ee.style.display=t?"flex":"none",je.style.display=t?"":"none",!t)return;const n=Ti(ne[0]),i=`${e} data ${e===1?"warning":"warnings"}`;ee.style.color=n==="error"?_.errText:_.warnText,ee.ariaLabel=n==="error"?`${i} \u2014 the map may be positionally wrong`:i}const zn=24;let xe=null,dt=null,Zt=null,pt=null,ft=null,ut=null,ht=null;function gt(e){S=new Set(e??[]),le&&le(bt()),v()}function Ge(){if(!R)return;const e=!!(H??O);R.style.display=te&&e&&!ge?"flex":"none";const t=H??O,n=t?t.style.display!=="none":!1;te?.hasNotableFindings&&!n?R.style.color=_.findingIndicator:R.dataset.active||(R.style.color=_.icon)}if(he){let ae=function(Z){Y=Z,i(K,Z==="zoom"),i(Ie,Z==="pan"),Ve&&i(Ve,Z==="select"),a.style.cursor=Z==="pan"?"grab":"crosshair"},$e=function(){xe&&(clearTimeout(xe),xe=null),C&&(C.style.opacity="1")},Ue=function(){xe=setTimeout(()=>{C&&(C.style.opacity="0.35")},600)};C=document.createElement("div"),C.dataset.wmapToolbar="single",Object.assign(C.style,{position:"absolute",top:"4px",right:"4px",display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"wrap-reverse",justifyContent:"flex-end",maxWidth:"calc(100% - 8px)",background:_.menuBg,border:`1px solid ${_.menuBorder}`,borderRadius:"4px",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",zIndex:ci,opacity:"0.35",transition:"opacity 0.2s ease",pointerEvents:"auto"});const e=bn(I),t=fi(e),{makeBtn:n,setActive:i,makeSep:o,makeMenuRow:f,makeMenuSection:g,makeDropdown:l,makeCheckMenuBtn:p,closeOpenMenu:r,getOpenMenu:c,setOpenMenu:u}=t;dt=r,Zt=c,I.addEventListener("click",r,!0),A=document.createElement("div"),Object.assign(A.style,{display:"flex",alignItems:"center",gap:"0",flexWrap:"wrap",justifyContent:"flex-end"}),C.appendChild(A);const Se=n("download","Download PNG",Vn);A.appendChild(Se),A.appendChild(o());const K=n("zoomMode","Zoom (drag to zoom region)",()=>ae("zoom")),se=n("zoomIn","Zoom in",()=>Me(a.clientWidth/2,a.clientHeight/2,1.2)),k=n("zoomOut","Zoom out",()=>Me(a.clientWidth/2,a.clientHeight/2,1/1.2)),N=n("reset","Reset zoom (double-click)",()=>Qe());A.appendChild(K),A.appendChild(se),A.appendChild(k),A.appendChild(N),A.appendChild(o());const Ie=n("pan","Pan (drag to move)",()=>ae("pan"));if(A.appendChild(Ie),Ve=n("boxSelect","Select (drag to select dies)",()=>ae("select")),A.appendChild(Ve),i(Ie,!0),Dt!=="view-only"){let Z=function(d){return d.plotMode!==(s.plotMode??"hardBin")?!1:d.plotMode==="value"?(s.activeTest??0)===(d.activeTest??0):d.plotMode==="metadata"?s.activeMetadataKey===d.activeMetadataKey:!0},We=function(d,m){d.activeTest!==void 0?b({plotMode:d.plotMode,activeTest:d.activeTest,activeMetadataKey:void 0,logScale:d.logScale}):d.activeMetadataKey!==void 0?b({plotMode:d.plotMode,activeTest:void 0,activeMetadataKey:d.activeMetadataKey,passFailDisplay:"off"}):b({plotMode:d.plotMode,activeTest:void 0,activeMetadataKey:void 0,passFailDisplay:"off"}),m.remove(),u(null),He(V,!1)};E=document.createElement("div"),Object.assign(E.style,{display:"flex",alignItems:"center",gap:"0",flexWrap:"wrap",justifyContent:"flex-end"}),C.appendChild(E),B=document.createElement("div"),Object.assign(B.style,{display:"flex",alignItems:"center",gap:"0"}),E.appendChild(B),B.appendChild(o());const qe=()=>{const d=c();d&&(d.remove(),u(null)),He(V,!1)},V=n("mode","Plot mode",()=>{if(c()){qe();return}const d=h.dies,m=h.testDefs,{testEntries:et,binEntries:ue,stackedEntries:Ae}=Ci(d,m,{includeStacked:h.isLotStack}),xt=(ke??[]).filter(Ye=>Ei(d,Ye.key)).map(Bi),Fe=ui(V.getBoundingClientRect(),et,ue,Ae,Z,We,{makeMenuRow:f,makeMenuSection:g},s.plotMode??"hardBin",V.ownerDocument.defaultView??window,xt);xn(V).appendChild(Fe),u(Fe),He(V,!0),wn(Fe,V,qe)});He(V,!1);const{btn:_n,sync:jn}=mi(t,()=>s.plotMode??"hardBin",()=>s.colorScheme??"default",()=>Nt,d=>b({colorScheme:d}));ft=jn,ft();const Gn=bi(t,()=>{const d=!!h.hasReticle,m=(s.plotMode??"hardBin")==="value",{testNumber:et}=Mt(s.activeTest??0,h.testDefs),ue=wt(h.testDefs,et),Ae=m&&ue!==void 0&&!vn(ue),xt=m&&!Ae&&(ue?.limitLow!==void 0||ue?.limitHigh!==void 0),Fe=m&&!Ae&&h.dies.some(Ye=>li(Ye,et,ue)!==void 0);return[{label:"Ring boundaries",active:!!s.showRingBoundaries,onClick:()=>b({showRingBoundaries:!s.showRingBoundaries})},{label:"Quadrant lines",active:!!s.showQuadrantBoundaries,onClick:()=>b({showQuadrantBoundaries:!s.showQuadrantBoundaries})},{label:"Die labels",active:!!s.showDieLabels,onClick:()=>b({showDieLabels:!s.showDieLabels})},{label:"Reticle grid",active:!!s.showReticle,enabled:d,onClick:()=>b({showReticle:!s.showReticle})},{label:"XY indicator",active:!!s.showXYIndicator,onClick:()=>b({showXYIndicator:!s.showXYIndicator})},...Mi({functionalActive:Ae,hasLimits:xt,hasRecorded:Fe,display:Et(s)},Ye=>b({passFailDisplay:Ye}))]},()=>!!(s.showRingBoundaries||s.showQuadrantBoundaries||s.showDieLabels||s.showReticle||s.showXYIndicator||Et(s)!=="off")),{btn:Zn,sync:Qn}=vi(t,()=>s,d=>b({legendPosition:d}));pt=Qn,pt();const mn=()=>{const{testNumber:d}=Mt(s.activeTest??0,q),m=wt(q,d);return m!==void 0&&!vn(m)},{btn:$n,sync:Un}=yi(t,()=>({...s,functionalActive:mn()}),d=>b(d));ut=Un,ut();const qn=()=>{const{testNumber:d}=Mt(s.activeTest??0,q),m=wt(q,d);return m!==void 0&&(m.limitLow!==void 0||m.limitHigh!==void 0)},Je=n("specRange","Colorbar range: spec limits",()=>{const d=s.colorbarRangeMode==="data"?"spec":"data";b({colorbarRangeMode:d})});ht=()=>{const d=s.plotMode==="value"&&qn()&&Et(s)==="off"&&!mn();Je.style.display=d?"":"none";const m=(s.colorbarRangeMode??"spec")==="spec";i(Je,m),Je.ariaLabel=m?"Colorbar range: spec limits (click for data range)":"Colorbar range: data range (click for spec limits)"},ht();const Jn=xi(t,()=>s,d=>b(d));Ln&&B.appendChild(V),B.appendChild(_n),B.appendChild($n),B.appendChild(Je),B.appendChild(o()),B.appendChild(Gn),B.appendChild(o()),B.appendChild(Zn),B.appendChild(o()),B.appendChild(Jn),te&&(R=n("findings","Summary panel",()=>{const d=H??O;if(!d)return;const m=d.style.display!=="none";d.style.display=m?"none":"block",i(R,!m),Ge()}),E.appendChild(o()),E.appendChild(R),O?.style.display!=="none"&&i(R,!0),Ge()),Wt&&(je=o(),ee=n("warning","Data warnings",()=>{const d=c();if(r(new MouseEvent("click")),d)return;const m=Li(ee.getBoundingClientRect(),ne);xn(Q).appendChild(m),u(m),wn(m,ee,()=>r(new MouseEvent("click")))}),He(ee,!1),E.appendChild(je),E.appendChild(ee),Gt()),Ot&&(E.appendChild(o()),G=n("expand","Expand (E)",Pt??Qt),E.appendChild(G)),oe&&(E.appendChild(o()),F=n("analysis","Insights",()=>{st(!ge),i(F,ge)}),E.appendChild(F)),On&&(E.appendChild(o()),_e=n("help","User guide",()=>gn()),E.appendChild(_e))}Q.appendChild(C),a.addEventListener("mouseenter",$e),a.addEventListener("mouseleave",Ue),C.addEventListener("mouseenter",$e),C.addEventListener("mouseleave",Ue)}let we=null;function Qt(){we&&(we.close(),we=null);const e=pe??J??w;e.style.flex="1",e.style.minWidth="0",e.style.minHeight="0";const t=hi(C?[e,C]:[e],{ownerDocument:I,onClosed:()=>{we=null,G&&(G.style.display="flex"),a.focus({preventScroll:!0})}});t&&(C&&(t.contentWrap.style.position="relative"),we=t,G&&(G.style.display="none"))}function $t(e){const t=s.plotMode;if(s={...s,...e},e.plotMode!==void 0&&e.plotMode!==t){W=null;const o=s.plotMode;(o==="hardBin"||o==="softBin")&&!new Set(["default","accessible","custom"]).has(s.colorScheme??"")&&(s={...s,colorScheme:"default"})}Object.keys(e).every(o=>o==="legendPosition")||Oe(),pt?.(),ft?.(),ut?.(),ht?.(),v();const i=e.plotMode!==void 0&&e.plotMode!==t;(e.colorScheme!==void 0||i)&&(fe(),Ne())}function b(e){$t(e);const t=Object.keys(e);Bn?.(s,t,classifyChanged(t))}let mt=!1;function yt(){mt||(mt=!0,Ct(()=>{mt=!1,v()},j))}function v(){const e=L??void 0,t=h.dies[0],n=t?{x:t.width,y:t.height}:re.diePitchMm,i=Math.floor(a.clientWidth||a.width),o=!!($?.length||U?.length||h.dies.some(c=>c.hbin!=null||c.sbin!=null)),f=s.legendPosition??"default",g=f==="default"||f==="compact",l=(re.colorbarWidth??16)+28,p=o&&g?f!=="default"?Math.max(yn,l):i<ai?0:i<oi?Math.max(ii,l):Math.max(yn,l):void 0,r=ni(a,h,{...re,topClearance:he?zn:0,minRightReserve:p,legendPosition:f,legendOffset:rt,diePitchMm:n,fallbackFormat:Be,showAxes:re.showAxes??L!==null,viewport:e,activeBin:s.plotMode==="metadata"?s.highlightMetadataValue:s.highlightBin,hbinDefs:$,sbinDefs:U,metadataFields:ke});lt=r.binLegendRows,De=r.legendBox??null,W||(W=r.viewport),S.size>0&&Kn(),ye&&Nn()}function Kn(){const e=X();if(!e)return;const t=a.getContext("2d"),n=h.hoverPoints,i=h.rectangles[0],o=i?i.width/2*e.ppm:e.ppm*.5,f=i?i.height/2*e.ppm:e.ppm*.5,g=Math.max(1,Math.min(3,o*.08)),l=o-g,p=f-g,r=[];for(const c of S){const u=Vt.get(c);u!==void 0&&r.push({sx:e.originX+n[u].x*e.ppm,sy:e.originY-n[u].y*e.ppm})}if(r.length){t.save(),t.setLineDash([]),t.fillStyle="rgba(0,0,0,0.12)",t.beginPath();for(const{sx:c,sy:u}of r)t.rect(c-l,u-p,l*2,p*2);t.fill(),t.strokeStyle="rgba(255,255,255,0.9)",t.lineWidth=3,t.beginPath();for(const{sx:c,sy:u}of r)t.rect(c-l,u-p,l*2,p*2);t.stroke(),t.strokeStyle="rgba(0,0,0,0.9)",t.lineWidth=1.5,t.beginPath();for(const{sx:c,sy:u}of r)t.rect(c-l,u-p,l*2,p*2);t.stroke(),t.restore()}}function Nn(){const e=a.getContext("2d"),t=Math.min(T.x,P.x),n=Math.min(T.y,P.y),i=Math.abs(P.x-T.x),o=Math.abs(P.y-T.y);e.save(),e.fillStyle="rgba(0,0,0,0.08)",e.fillRect(t,n,i,o),e.setLineDash([5,3]),e.strokeStyle="rgba(255,255,255,0.9)",e.lineWidth=3,e.strokeRect(t,n,i,o),e.strokeStyle="rgba(0,0,0,0.9)",e.lineWidth=1.5,e.strokeRect(t,n,i,o),e.restore()}function Vn(){a.toBlob(e=>{e&&wi(e,M.downloadFilename??"wafermap",M.onSaveImage)})}function Ut(e){return W?Math.max(W.ppm*Tn,Math.min(W.ppm*Pn,e)):e}function Me(e,t,n){const i=L??W;if(!i)return;const o=Ut(i.ppm*n),f=o/i.ppm,g=e-(e-i.originX)*f,l=t-(t-i.originY)*f,p=(W?.snapDist??1)/(o/(W?.ppm??o));L={originX:g,originY:l,ppm:o,snapDist:p},v()}function X(){return L??W}function qt(e){if(e.ctrlKey||e.metaKey){e.preventDefault();const t=a.getBoundingClientRect(),n=e.deltaY<0?1.12:1/1.12;Me(e.clientX-t.left,e.clientY-t.top,n)}else if(L!==null){e.preventDefault();const t=X(),n=L.snapDist;L={originX:t.originX-e.deltaX,originY:t.originY-e.deltaY,ppm:t.ppm,snapDist:n},v()}}function Jt(e,t,n){return e>=n.x&&e<n.x+n.w&&t>=n.y&&t<n.y+n.h}function en(e){if(e.button!==0||!X())return;a.focus({preventScroll:!0}),a.setPointerCapture(e.pointerId);const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top;if(De&&s.legendPosition==="floating"&&Jt(n,i,De)){me=!0,Te={x:n,y:i},ct={...rt};return}if(Pe&&Y!=="pan"){be=!0,de=!0,ve={x:n,y:i},ze={x:X().originX,y:X().originY},a.style.cursor="grabbing";return}if(Y==="zoom"||Y==="select"){ye=!0,T=P={x:n,y:i};return}de=!0,ve={x:n,y:i},ze={x:X().originX,y:X().originY},a.style.cursor="grabbing"}function tn(e){const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top;if(ye){P={x:n,y:i},yt();return}if(me){const c=n-Te.x,u=i-Te.y;c*c+u*u>16&&(me=!1,Le=!0,a.style.cursor="grabbing")}if(Le){rt={x:ct.x+(n-Te.x),y:ct.y+(i-Te.y)},yt();return}if(de){const c=X(),u=L?.snapDist??W?.snapDist??1;L={originX:ze.x+(n-ve.x),originY:ze.y+(i-ve.y),ppm:c.ppm,snapDist:u},yt();return}const o=X();if(!o)return;const f=(n-o.originX)/o.ppm,g=(o.originY-i)/o.ppm,p=sn(f,g,o.snapDist)?.die??null,r=lt.find(c=>n>=c.x&&n<c.x+c.w&&i>=c.y&&i<c.y+c.h);if(r){a.style.cursor="pointer",y&&(y.innerHTML=r.label??`Bin ${r.bin}`,y.style.display="block",St(y,a,e.clientX,e.clientY)),Xe?.(null,e);return}if(Y==="pan"&&(a.style.cursor=p?"crosshair":"grab"),y)if(p)if(Lt){const c=Lt(p);c===null?y.style.display="none":(typeof c=="string"?y.innerHTML=c:(y.innerHTML="",y.appendChild(c)),y.style.display="block",St(y,a,e.clientX,e.clientY))}else y.innerHTML=ti(p,h.plotMode,{testDefs:q,hbinDefs:$,sbinDefs:U,fallbackFormat:Be,aggrMethod:h.aggrMethod,lotSize:h.lotSize,waferMeta:ie.metadata,activeTest:h.activeTest,reticleConfig:Ht}),y.style.display="block",St(y,a,e.clientX,e.clientY);else y.style.display="none";Xe?.(p,e)}function nn(e){const t=a.getBoundingClientRect(),n=e.clientX-t.left,i=e.clientY-t.top,o=e.ctrlKey||e.metaKey;if(y&&(n<0||i<0||n>t.width||i>t.height)&&(y.style.display="none"),ye){ye=!1,P={x:n,y:i};const l=n-T.x,p=i-T.y,r=X();if(Y==="zoom"){if(l*l+p*p<25)Me(n,i,2);else if(r){const c=Math.min(T.x,P.x),u=Math.max(T.x,P.x),ae=Math.min(T.y,P.y),Se=Math.max(T.y,P.y),K=u-c,se=Se-ae;if(K>4&&se>4){const k=a.clientWidth,N=a.clientHeight,Ie=k/K,$e=N/se,Ue=Math.min(Ie,$e),Z=Ut(r.ppm*Ue),We=Z/r.ppm,qe=(c+u)/2,V=(ae+Se)/2;L={originX:k/2-(qe-r.originX)*We,originY:N/2-(V-r.originY)*We,ppm:Z,snapDist:r.snapDist/We}}}v(),a.style.cursor="crosshair";return}if(l*l+p*p<25)vt(n,i,o,e);else if(r){const c=(Math.min(T.x,P.x)-r.originX)/r.ppm,u=(Math.max(T.x,P.x)-r.originX)/r.ppm,ae=(r.originY-Math.max(T.y,P.y))/r.ppm,Se=(r.originY-Math.min(T.y,P.y))/r.ppm,K=h.hoverPoints,se=[];for(let k=0;k<K.length;k++)if(K[k].x>=c&&K[k].x<=u&&K[k].y>=ae&&K[k].y<=Se){const N=h.dies[k];N&&se.push(N)}if(o)for(const k of se){const N=Ce(k);S.has(N)?S.delete(N):S.add(N)}else S=new Set(se.map(k=>Ce(k)));le?.(bt())}v(),a.style.cursor="crosshair";return}if(me){me=!1,vt(n,i,o,e);return}if(Le){Le=!1,a.style.cursor="grab";return}if(!de)return;if(de=!1,be){be=!1,a.style.cursor=Pe||Y==="pan"?"grab":"crosshair";return}a.style.cursor=Y==="pan"?"grab":"crosshair";const f=n-ve.x,g=i-ve.y;f*f+g*g<25&&vt(n,i,o,e)}function vt(e,t,n,i){for(const l of lt)if(e>=l.x&&e<l.x+l.w&&t>=l.y&&t<l.y+l.h){if(typeof l.bin=="number"){const p=s.highlightBin===l.bin?void 0:l.bin;b({highlightBin:p})}else{const p=s.highlightMetadataValue===l.bin?void 0:l.bin;b({highlightMetadataValue:p})}return}if(De&&Jt(e,t,De))return;const o=X();if(!o)return;const g=sn((e-o.originX)/o.ppm,(o.originY-t)/o.ppm,o.snapDist)?.die??null;if(g){En?.(g,i);const l=Ce(g);n?S.has(l)?S.delete(l):S.add(l):S=new Set([l]),le?.(bt()),v()}else n||(S=new Set,le?.([]),v())}function bt(){const e=[],t=h.hoverPoints;for(let n=0;n<t.length;n++){const i=h.dies[n];i&&S.has(Ce(i))&&e.push(i)}return e}function on(){y&&tt(I),Xe?.(null,new MouseEvent("mouseleave")),a.style.cursor=Y==="pan"?"grab":"crosshair"}function an(){de=!1,be=!1,ye=!1,me=!1,Le=!1,y&&tt(I),Xe?.(null,new MouseEvent("mouseleave")),a.style.cursor=Y==="pan"?"grab":"crosshair",v()}function sn(e,t,n){const i=h.hoverPoints,o=h.rectangles;for(let p=0;p<o.length;p++){const r=o[p];if(Math.abs(e-r.x)<=r.width/2&&Math.abs(t-r.y)<=r.height/2){const c=h.dies[p];return c?{die:c,index:p}:null}}let f=null,g=-1,l=n*n;for(let p=0;p<i.length;p++){const r=i[p].x-e,c=i[p].y-t,u=r*r+c*c;u<l&&(l=u,f=h.dies[p]??null,g=p)}return f?{die:f,index:g}:null}const ln=new j.ResizeObserver(()=>{W=null,L=null,v()});ln.observe(a),M.height==null&&Cn<=0&&Ct(()=>Ct(()=>{z.clientHeight>0||console.warn("[wafermap] The map container has zero height, so the map cannot render. renderWaferMap fills its container \u2014 give the container a resolved height: an explicit CSS `height` (e.g. 600px), a height-resolved flex/grid parent, or `position:absolute; inset:0`. Alternatively pass `{ height: 600 }` in the render options and the library will size it for you.")}));let Re=j.matchMedia(`(resolution: ${j.devicePixelRatio}dppx)`);const Ze=()=>{Re.removeEventListener("change",Ze),Re=j.matchMedia(`(resolution: ${j.devicePixelRatio}dppx)`),Re.addEventListener("change",Ze),v()};Re.addEventListener("change",Ze);const rn=j.matchMedia("(prefers-color-scheme: dark)"),cn=()=>v();rn.addEventListener("change",cn);const dn=()=>{y&&tt(I)};j.addEventListener("blur",dn);function pn(e){if(e.key==="Escape"&&S.size>0&&(S=new Set,le?.([]),v()),(e.key==="e"||e.key==="E")&&Dt!=="view-only"&&Ot&&!ge&&(e.stopPropagation(),(Pt??Qt)()),(e.ctrlKey||e.metaKey)&&(e.key==="="||e.key==="+"?(e.preventDefault(),Me(a.clientWidth/2,a.clientHeight/2,1.2)):e.key==="-"?(e.preventDefault(),Me(a.clientWidth/2,a.clientHeight/2,1/1.2)):e.key==="0"&&(e.preventDefault(),Qe())),!e.ctrlKey&&!e.metaKey&&!e.shiftKey){const n=X();if(n){const i=L?.snapDist??W?.snapDist??1;let o=0,f=0;e.key==="ArrowLeft"&&(o=20,e.preventDefault()),e.key==="ArrowRight"&&(o=-20,e.preventDefault()),e.key==="ArrowUp"&&(f=20,e.preventDefault()),e.key==="ArrowDown"&&(f=-20,e.preventDefault()),(o||f)&&(L={originX:n.originX+o,originY:n.originY+f,ppm:n.ppm,snapDist:i},v())}e.key===" "&&!Pe&&(e.preventDefault(),Pe=!0,Y!=="pan"&&(a.style.cursor="grab"))}}function fn(e){e.key===" "&&(Pe=!1,be&&(de=!1,be=!1),a.style.cursor=Y==="pan"?"grab":"crosshair")}a.style.cursor="grab",a.setAttribute("tabindex","0"),a.addEventListener("wheel",qt,{passive:!1}),a.addEventListener("pointerdown",en),a.addEventListener("pointermove",tn),a.addEventListener("pointerup",nn),a.addEventListener("pointerleave",on),a.addEventListener("pointercancel",an);const un=()=>Qe();a.addEventListener("dblclick",un),a.addEventListener("keydown",pn),a.addEventListener("keyup",fn);const hn=e=>{e.stopPropagation()};a.addEventListener("click",hn),a.clientWidth,v();function Qe(){W=null,L=null,v()}function gn(){import("./userGuideHtml.js").then(e=>gi({buildWaferMap:si,renderWaferMap,renderWaferGallery:void 0,analyzeWaferMap:ri},e.USER_GUIDE_HTML,Rn,z))}return{setDies(e){ce=e,Oe(),v(),H&&fe()},setResult(e){nt=e,ie=e.wafer,ce=e.dies,$=e.hbinDefs,U=e.sbinDefs,q=e.testDefs,ke=e.metadataFields,Yt=e.reticles?.length?e.reticles:void 0,Ht=e.reticleConfig,Xt=e.view?.dataAxisFlip,it=e.isLotStack,ot=e.aggrMethod,at=e.lotSize,Yn(),Oe(),v(),H&&fe()},setOptions(e){$t(e)},getOptions(){return{...s}},resetZoom:Qe,setSelection(e){S=new Set(e.map(t=>Ce(t))),v()},clearSelection(){S=new Set,le?.([]),v()},setFallbackFormat(e){Be=e,Oe(),v()},setStatsSummary(e){if(te=e,Ft(),Gt(),H)fe();else if(O)Ne();else if(e&&!Ee?.placement){const t=Ee?.defaultOpen??!he;O=Bt("right"),O.style.display=t?"block":"none";const n=w.parentElement,i=w.nextSibling;J=kt(w,O,"right"),n?.insertBefore(J,i),Ne()}Ge()},setSummaryVisible(e){R&&(R.style.display=e?"flex":"none")},setViewControlsVisible(e){E&&(E.style.display=e?"flex":"none")},setExpandVisible(e){G&&(G.style.display=e?"flex":"none")},setHelpButtonVisible(e){_e&&(_e.style.display=e?"flex":"none")},setMetadataBadgeVisible(e){zt=!e,D&&(D.el.style.display=e&&!ge?"":"none")},openUserGuide:gn,setInsightsOpen(e){st(e),F&&(e?(F.dataset.active="1",F.style.background=_.bgActive,F.style.color=_.iconActive):(delete F.dataset.active,F.style.background="transparent",F.style.color=_.icon))},closeSummaryPanel(){const e=H??O;!e||e.style.display==="none"||(e.style.display="none",R&&(delete R.dataset.active,R.style.background="transparent",R.style.color=_.icon))},setTooltipParent(e){y&&pi(e)},getActiveLegend(){const e=s.plotMode;if(e==="metadata"){const o=s.activeMetadataKey;if(!o)return null;const f=ke?.find(l=>l.key===o),g=[...new Set(ce.map(l=>l.metadata?.[o]).filter(l=>l!=null&&(typeof l=="string"||typeof l=="number"||typeof l=="boolean")).map(String))].sort();return g.length?g.map((l,p)=>{const r=f?.values?.find(u=>u.value===l),c=r?.color??Ri(p);return{bin:l,name:r?.label??l,color:c}}):null}if(e!=="hardBin"&&e!=="softBin")return null;const t=e==="hardBin",n=t?$:U,i=[...new Set(ce.map(o=>t?o.hbin:o.sbin).filter(o=>o!==void 0))].sort((o,f)=>o-f);return i.length?i.map(o=>{const f=n?.find(l=>l.bin===o),g=f?.color??(t?Pi(o):Oi(o));return{bin:o,name:f?.name??`Bin ${o}`,color:g}}):null},destroy(){we?.close(),xe&&clearTimeout(xe),Zt?.()?.remove(),dt&&I.removeEventListener("click",dt,!0),a.removeEventListener("wheel",qt),a.removeEventListener("pointerdown",en),a.removeEventListener("pointermove",tn),a.removeEventListener("pointerup",nn),a.removeEventListener("pointerleave",on),a.removeEventListener("pointercancel",an),a.removeEventListener("dblclick",un),a.removeEventListener("keydown",pn),a.removeEventListener("keyup",fn),a.removeEventListener("click",hn),ln.disconnect(),Re.removeEventListener("change",Ze),rn.removeEventListener("change",cn),j.removeEventListener("blur",dn),Fn(),y&&tt(I),C?.remove(),pe&&(pe.parentElement?.insertBefore(w,pe),pe.remove()),J&&(J.parentElement?.insertBefore(w,J),J.remove()),w.remove(),a.style.cursor="",oe?.destroy(),D?.destroy(),Q.remove()}}}

package/dist/packages/canvas-adapter/summaryPanel.d.ts

@@ -3,6 +3,8 @@ import type { Die } from '../core/dies.js';
 import { type BinDef, type TestDef, type YieldSummary } from '../renderer/buildWaferMap.js';
 import type { StatsFinding, StatsSummary, LotStatsSummary } from '../stats/types.js';
 import { type FindingsFilter } from '../stats/filterFindings.js';
+import { buildWarningsBanner, type WaferWarning } from './warnings.js';
+export { buildWarningsBanner };
 import { type SaveTextHandler } from './toolbar.js';
 export interface SummaryPanelOptions {
     /** Which side of the content area to place the panel. Default 'right'. */
@@ -10,7 +12,6 @@ export interface SummaryPanelOptions {
     /** Open the panel immediately on render without requiring the user to click the toolbar button. Default false. */
     defaultOpen?: boolean;
 }
-export declare function buildWarningsBanner(warnings: string[]): HTMLDivElement;
 /** Order-preserving [key, value] pairs from a metadata-like record, with
  *  null/undefined/empty-string entries dropped. The single source of truth
  *  for "what counts as a displayable metadata field" — shared by the map
@@ -226,6 +227,13 @@ export declare function renderWaferSummaryContent(panel: HTMLDivElement, params:
     sbinDefs?: BinDef[];
     testDefs?: TestDef[];
     statsSummary?: StatsSummary;
+    /**
+     * Warnings to show above the panel. Collected by the renderer via
+     * `collectWarnings` so this banner, the toolbar indicator and `onWarning`
+     * all show the same set. Falls back to the summary's own analysis warnings
+     * when omitted, which is the only set a bare panel could know about.
+     */
+    warnings?: WaferWarning[];
     passBins?: number[];
     ringCount?: number;
     colorScheme?: string;
@@ -258,5 +266,7 @@ export declare function renderLotSummaryContent(panel: HTMLDivElement, params: {
     findingsFilter?: FindingsFilter;
     onFindingsFilterChange?: () => void;
     onSaveText?: SaveTextHandler;
+    /** See the wafer panel's `warnings` — collected by the renderer so every surface agrees. */
+    warnings?: WaferWarning[];
 }): void;
 //# sourceMappingURL=summaryPanel.d.ts.map