@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/esm/sy-tilemap.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{s as safeChartFormatter}from"./safe-formatter-DO6vGxJP.js";import{m as makeColorScale,s as sequential,d as discretize,c as categorical}from"./scheme-BwtrZuf8.js";import{p as parseColor}from"./parse-EXuVQfpl.js";import{n as normalizeUnavailableBehaviour,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{c as computeLegendLayout}from"./legend-BwM4aW0R.js";import{a as createLegendPositionState,d as dragLegendBy}from"./legend-interaction-BVmDGX0a.js";import{a as applyEasing}from"./pie-animator-DQ1RB1XB.js";import{C as ChartStreamingGate,c as chartStreamingInput}from"./chart-streaming-gate-CXnkXyxT.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{Z as ZoomInteraction,r as resolveCartesianZoomSpec}from"./zoom-interaction-DIwGXfJu.js";import{v as viewportZoomTransform,t as toViewport,f as fromViewport,a as viewportZoomFrame,b as viewportZoomMatrix}from"./viewport-zoom-WQSantHg.js";import{c as computeTooltipPlacement,t as tooltipConnectorEnd}from"./connector-C0f63Npv.js";import{s as standardOnlyEngineStatus}from"./standard-engine-status-mIwM2Z1u.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./brand-mark-default-AzDRbG7D.js";import"./zoom-window-D6sPnRDQ.js";function computeTilemapExtent(tiles){if(tiles.length===0)return{minCol:0,maxCol:-1,minRow:0,maxRow:-1,cols:0,rows:0};let minCol=Infinity;let maxCol=-Infinity;let minRow=Infinity;let maxRow=-Infinity;for(const tile of tiles){if(tile.col<minCol)minCol=tile.col;if(tile.col>maxCol)maxCol=tile.col;if(tile.row<minRow)minRow=tile.row;if(tile.row>maxRow)maxRow=tile.row}return{minCol,maxCol,minRow,maxRow,cols:maxCol-minCol+1,rows:maxRow-minRow+1}}const SQRT3=Math.sqrt(3);function computeTilemapLayout(options){const extent=computeTilemapExtent(options.tiles);const plot=options.plot;if(extent.cols===0||extent.rows===0){return{placed:[],extent,cell:0,gridRect:{x:plot.x,y:plot.y,width:0,height:0}}}if(options.lattice==="hexagon"){const widthUnits=SQRT3*(extent.cols+(extent.rows>1?.5:0));const heightUnits=1.5*(extent.rows-1)+2;const radius=Math.max(1,Math.min(plot.width/widthUnits,plot.height/heightUnits));const gridWidth2=radius*widthUnits;const gridHeight2=radius*heightUnits;const originX2=plot.x+(plot.width-gridWidth2)/2;const originY2=plot.y+(plot.height-gridHeight2)/2;const placed2=options.tiles.map(tile=>{const col=tile.col-extent.minCol;const row=tile.row-extent.minRow;const odd=(tile.row%2+2)%2;return{tile,cx:originX2+SQRT3*radius*(col+.5+.5*odd),cy:originY2+radius*(1.5*row+1),cell:SQRT3*radius}});return{placed:placed2,extent,cell:SQRT3*radius,hexRadius:radius,gridRect:{x:originX2,y:originY2,width:gridWidth2,height:gridHeight2}}}const cell=Math.max(1,Math.min(plot.width/extent.cols,plot.height/extent.rows));const gridWidth=cell*extent.cols;const gridHeight=cell*extent.rows;const originX=plot.x+(plot.width-gridWidth)/2;const originY=plot.y+(plot.height-gridHeight)/2;const placed=options.tiles.map(tile=>({tile,cx:originX+(tile.col-extent.minCol+.5)*cell,cy:originY+(tile.row-extent.minRow+.5)*cell,cell}));return{placed,extent,cell,gridRect:{x:originX,y:originY,width:gridWidth,height:gridHeight}}}function tilemapSquarePath(cx,cy,cell,gap){const half=Math.max(.5,(cell-Math.max(0,gap))/2);const x0=round2(cx-half);const y0=round2(cy-half);const x1=round2(cx+half);const y1=round2(cy+half);return`M ${x0} ${y0} H ${x1} V ${y1} H ${x0} Z`}function tilemapHexagonPath(cx,cy,radius,gap){const r=Math.max(.5,radius-Math.max(0,gap)/2);const points=[];for(let k=0;k<6;k+=1){const angle=Math.PI/180*(60*k-90);points.push(`${round2(cx+r*Math.cos(angle))} ${round2(cy+r*Math.sin(angle))}`)}return`M ${points.join(" L ")} Z`}function tilemapHexTileAtPoint(placed,hexRadius,gap,x,y){const r=Math.max(.5,hexRadius-Math.max(0,gap)/2);const halfWidth=SQRT3/2*r;for(let i=placed.length-1;i>=0;i-=1){const candidate=placed[i];const dx=Math.abs(x-candidate.cx);const dy=Math.abs(y-candidate.cy);if(dx>halfWidth||dy>r)continue;if(dy<=r-dx/SQRT3)return candidate}return null}function tilemapCirclePath(cx,cy,cell,gap){const r=Math.max(.5,(cell-Math.max(0,gap))/2);const x0=round2(cx-r);return`M ${x0} ${round2(cy)} a ${round2(r)} ${round2(r)} 0 1 0 ${round2(r*2)} 0 a ${round2(r)} ${round2(r)} 0 1 0 ${round2(-r*2)} 0`}function tilemapDiamondPath(cx,cy,cell,gap){const h2=Math.max(.5,(cell-Math.max(0,gap))/2);return`M ${round2(cx)} ${round2(cy-h2)} L ${round2(cx+h2)} ${round2(cy)} L ${round2(cx)} ${round2(cy+h2)} L ${round2(cx-h2)} ${round2(cy)} Z`}function tilemapCircleTileAtPoint(placed,gap,x,y){for(let i=placed.length-1;i>=0;i-=1){const candidate=placed[i];const r=Math.max(.5,(candidate.cell-Math.max(0,gap))/2);if(Math.hypot(x-candidate.cx,y-candidate.cy)<=r)return candidate}return null}function tilemapDiamondTileAtPoint(placed,gap,x,y){for(let i=placed.length-1;i>=0;i-=1){const candidate=placed[i];const h2=Math.max(.5,(candidate.cell-Math.max(0,gap))/2);if(Math.abs(x-candidate.cx)+Math.abs(y-candidate.cy)<=h2)return candidate}return null}function tilemapTileAtPoint(placed,gap,x,y){for(let i=placed.length-1;i>=0;i-=1){const candidate=placed[i];const half=Math.max(.5,(candidate.cell-Math.max(0,gap))/2);if(Math.abs(x-candidate.cx)<=half&&Math.abs(y-candidate.cy)<=half)return candidate}return null}function tilemapLabelFontSize(cell,gap){return Math.max(7,Math.min(13,(cell-gap)*.32))}function round2(v){return Math.round(v*100)/100}function resolveTilemapDatum(datum,index){if(!datum||typeof datum!=="object")return null;const col=coerceCell(datum.x);const row=coerceCell(datum.y);if(col===null||row===null)return null;const name=typeof datum.name==="string"&&datum.name.length>0?datum.name:`${col},${row}`;const rawValue=typeof datum.value==="bigint"?Number(datum.value):datum.value;return{col,row,name,label:typeof datum.label==="string"&&datum.label.length>0?datum.label:void 0,value:typeof rawValue==="number"&&Number.isFinite(rawValue)?rawValue:void 0,color:typeof datum.color==="string"?datum.color:void 0,id:datum.id!==void 0&&datum.id!==null?String(datum.id):name!==`${col},${row}`?name:`${index}`,visible:datum.visible!==false}}function coerceCell(raw){const value=typeof raw==="bigint"?Number(raw):raw;if(typeof value!=="number"||!Number.isFinite(value))return null;return Math.floor(value)}function resolveTilemapTiles(data,palette){const source=Array.isArray(data)?data:[];const byCell=new Map;for(let index=0;index<source.length;index+=1){const resolved=resolveTilemapDatum(source[index],index);if(!resolved||!resolved.visible)continue;byCell.set(`${resolved.col}:${resolved.row}`,{index,id:resolved.id,col:resolved.col,row:resolved.row,name:resolved.name,label:resolved.label,value:resolved.value,color:resolved.color??palette[index%Math.max(1,palette.length)]??"#2563eb",explicitColor:resolved.color!==void 0})}return[...byCell.values()]}function cssOf(color){return color.a>=1?`rgb(${color.r}, ${color.g}, ${color.b})`:`rgba(${color.r}, ${color.g}, ${color.b}, ${Math.round(color.a*1e3)/1e3})`}function resolveTilemapColorAxis(input,tiles){if(input===void 0||input===null||input===false)return null;const partial=input===true||input==="auto"?{}:input;let dataMin=Infinity;let dataMax=-Infinity;for(const tile of tiles){if(tile.value===void 0)continue;if(tile.value<dataMin)dataMin=tile.value;if(tile.value>dataMax)dataMax=tile.value}const min=Number.isFinite(partial.min)?partial.min:dataMin;const max=Number.isFinite(partial.max)?partial.max:dataMax;if(!Number.isFinite(min)||!Number.isFinite(max))return null;const span=max>min?max-min:1;let scale;if(Array.isArray(partial.stops)&&partial.stops.length>0){const parsed=partial.stops.map(([t,css])=>({t:Math.min(1,Math.max(0,Number(t))),color:parseColor(String(css))})).filter(stop=>stop.color!==null).sort((a,b)=>a.t-b.t);if(parsed.length===0)return null;scale=t=>{const clamped=Math.min(1,Math.max(0,t));if(clamped<=parsed[0].t)return parsed[0].color;const last=parsed[parsed.length-1];if(clamped>=last.t)return last.color;for(let i=0;i<parsed.length-1;i+=1){const a=parsed[i];const b=parsed[i+1];if(clamped<=b.t){const local=b.t>a.t?(clamped-a.t)/(b.t-a.t):0;return makeColorScale([a.color,b.color])(local)}}return last.color}}else if(typeof partial.minColor==="string"||typeof partial.maxColor==="string"){const lo=parseColor(partial.minColor??"#eff6ff");const hi=parseColor(partial.maxColor??"#1d4ed8");if(!lo||!hi)return null;scale=makeColorScale([lo,hi])}else{const scheme=sequential[partial.scheme??"blues"]??sequential.blues;scale=makeColorScale(scheme)}const gradientStops=[];for(let i=0;i<=8;i+=1){const t=i/8;gradientStops.push([t,cssOf(scale(t))])}return{min,max,colorFor:value=>cssOf(scale((Math.min(max,Math.max(min,value))-min)/span)),gradientStops}}function pickTilemapEngine(options){if(options.requested==="pro"){const reason="no GPU tilemap renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-tilemap: Pro engine is unavailable — no GPU tilemap renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-tilemap: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}const TILEMAP_LEGEND_POSITIONS=["top","bottom","left","right","float"];const TILEMAP_LEGEND_PADDING=8;const TILEMAP_LEGEND_BAR_THICKNESS=10;const TILEMAP_LEGEND_MARKER_ROOM=8;const TILEMAP_LEGEND_LABEL_GAP=6;const TILEMAP_LEGEND_LABEL_FONT_SIZE=10;const TILEMAP_LEGEND_LABEL_HEIGHT=12;const TILEMAP_LEGEND_VERTICAL_CONTENT_WIDTH=40;function resolveTilemapLegendPosition(raw){return typeof raw==="string"&&TILEMAP_LEGEND_POSITIONS.includes(raw)?raw:"bottom"}function tilemapLegendLabelWidth(label){return label.length===0?0:Math.ceil(label.length*5.5)+2}function tilemapColorLegendMetrics(position,outer,labels={min:"",max:""}){const width=Number.isFinite(outer.width)&&outer.width>0?outer.width:0;const height=Number.isFinite(outer.height)&&outer.height>0?outer.height:0;const minLabelWidth=tilemapLegendLabelWidth(labels.min);const maxLabelWidth=tilemapLegendLabelWidth(labels.max);const common={position,barThickness:TILEMAP_LEGEND_BAR_THICKNESS,markerRoom:TILEMAP_LEGEND_MARKER_ROOM,labelGap:TILEMAP_LEGEND_LABEL_GAP,labelHeight:TILEMAP_LEGEND_LABEL_HEIGHT,minLabelWidth,maxLabelWidth};if(position==="left"||position==="right"){const barLength2=Math.max(0,Math.min(height*.6,320));return{...common,orientation:"vertical",barLength:barLength2,contentWidth:TILEMAP_LEGEND_VERTICAL_CONTENT_WIDTH,contentHeight:TILEMAP_LEGEND_LABEL_HEIGHT+TILEMAP_LEGEND_LABEL_GAP+barLength2+TILEMAP_LEGEND_LABEL_GAP+TILEMAP_LEGEND_LABEL_HEIGHT}}if(position==="float"){const barLength2=Math.max(0,Math.min(width*.5,220));return{...common,orientation:"horizontal",barLength:barLength2,contentWidth:minLabelWidth+TILEMAP_LEGEND_LABEL_GAP+barLength2+TILEMAP_LEGEND_LABEL_GAP+maxLabelWidth,contentHeight:TILEMAP_LEGEND_MARKER_ROOM+TILEMAP_LEGEND_BAR_THICKNESS}}const barLength=Math.max(0,Math.min(width*.6,320));return{...common,orientation:"horizontal",barLength,contentWidth:barLength,contentHeight:TILEMAP_LEGEND_MARKER_ROOM+TILEMAP_LEGEND_BAR_THICKNESS}}function createTilemapStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}const TILEMAP_TOOLTIP_DEFAULTS={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function isPlainObject(value){return Boolean(value)&&typeof value==="object"&&!Array.isArray(value)}function resolveTilemapTooltipConnectorSpec(input){if(input===true)return{show:true};if(input===void 0||input===null||input===false||!isPlainObject(input)){return{show:false}}const partial=input;return{show:partial.show===true,color:typeof partial.color==="string"?partial.color:void 0,width:Number.isFinite(partial.width)&&partial.width>0?partial.width:void 0,dash:Array.isArray(partial.dash)?partial.dash.slice():void 0}}function resolveTilemapTooltipSpec(input){if(input===void 0||input===null||input==="auto"||input===true){return{...TILEMAP_TOOLTIP_DEFAULTS}}if(input==="off"||input===false){return{...TILEMAP_TOOLTIP_DEFAULTS,show:false}}if(!isPlainObject(input)){return{...TILEMAP_TOOLTIP_DEFAULTS}}const partial=input;const style=isPlainObject(partial.style)?Object.fromEntries(Object.entries(partial.style).filter(([,value])=>typeof value==="string"||typeof value==="number")):void 0;const dimension=value=>typeof value==="string"||Number.isFinite(value)&&value>=0?value:void 0;const trigger=value=>value==="click"||value==="hover-click"||value==="hover"?value:TILEMAP_TOOLTIP_DEFAULTS.trigger;const openMode=value=>value==="multiple"?"multiple":TILEMAP_TOOLTIP_DEFAULTS.openMode;const connector=resolveTilemapTooltipConnectorSpec(partial.connector);return{show:partial.show===false?false:true,openMode:openMode(partial.openMode),trigger:trigger(partial.trigger),side:partial.side,offset:Number.isFinite(partial.offset)&&partial.offset>=0?partial.offset:TILEMAP_TOOLTIP_DEFAULTS.offset,format:typeof partial.format==="function"?partial.format:void 0,html:typeof partial.html==="function"?partial.html:void 0,className:typeof partial.className==="string"?partial.className:void 0,style,width:dimension(partial.width),minWidth:dimension(partial.minWidth),maxWidth:dimension(partial.maxWidth),padding:dimension(partial.padding),interactive:partial.interactive===true,hideOnLeave:partial.hideOnLeave===false?false:true,connector,draggable:partial.draggable===true}}function tilemapTooltipSpecFromLegacy(opts){return{...TILEMAP_TOOLTIP_DEFAULTS,show:opts.show,html:typeof opts.format==="function"?tile=>opts.format(tile):void 0}}function prepareTilemapLayout(options){let tiles=resolveTilemapTiles(options.data,options.palette);const colorAxis=resolveTilemapColorAxis(options.colorAxis,tiles);if(colorAxis){tiles=tiles.map(tile=>{if(tile.explicitColor)return tile;if(tile.value===void 0)return{...tile,color:"#e2e8f0"};return{...tile,color:colorAxis.colorFor(tile.value)}})}const layout=computeTilemapLayout({tiles,plot:options.plot,lattice:options.lattice});const visuals=layout.placed.map(placed=>({key:`${placed.tile.col}:${placed.tile.row}`,placed,cx:placed.cx,cy:placed.cy,cell:placed.cell,color:placed.tile.color,name:placed.tile.name,label:placed.tile.label,value:placed.tile.value,index:placed.tile.index}));return{tiles,placed:[...layout.placed],visuals,extent:layout.extent,cell:layout.cell,hexRadius:layout.hexRadius,colorAxis,gridRect:layout.gridRect,plot:options.plot}}const syTilemapCss=()=>`.sc-sy-tilemap-h{display:inline-block;position:relative}.sy-tilemap.sc-sy-tilemap{position:relative;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.sy-tilemap__root.sc-sy-tilemap{display:block;outline:none}.sy-tilemap__root.sc-sy-tilemap:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:4px}.sy-tilemap__title.sc-sy-tilemap{fill:var(--sy-chart-title-color, #111827);font-weight:600;text-anchor:middle;dominant-baseline:hanging}.sy-tilemap__subtitle.sc-sy-tilemap{fill:var(--sy-chart-subtitle-color, #6b7280);text-anchor:middle;dominant-baseline:hanging}.sy-tilemap__tile.sc-sy-tilemap{transition:opacity 120ms ease-out}.sy-tilemap__tile--dim.sc-sy-tilemap{opacity:.35}.sy-tilemap__sr-only.sc-sy-tilemap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sy-tilemap__watermark.sc-sy-tilemap{position:absolute;right:6px;bottom:4px;font-size:10px;color:rgba(107,114,128,.75);pointer-events:none}`;function tileTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tileTooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}let tilemapInstanceCounter=0;function formatLegendValue(v){return Number.isInteger(v)?String(v):String(Math.round(v*100)/100)}function escapeHtml(s){return s.replace(/[&<>"']/g,ch=>{switch(ch){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case"'":return"&#39;";default:return ch}})}function insideRect(rect,x,y){return x>=rect.x&&x<=rect.x+rect.width&&y>=rect.y&&y<=rect.y+rect.height}const SyTilemap=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",7);this.pointClick=createEvent(this,"pointClick",7);this.pointHover=createEvent(this,"pointHover",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.appended=createEvent(this,"appended",7);this.windowSlid=createEvent(this,"windowSlid",7);this.chartAnimationStart=createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=createEvent(this,"chartAnimationInterrupted",7);this.tooltipShown=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.zoomChange=createEvent(this,"zoomChange",7)}get host(){return getElement(this)}data=[];width=640;height=420;brandLogo;brandPosition="bottom-right";palette="tableau10";colors;tileShape="hexagon";gap=2;showLabels=true;colorAxis;colorLegend=true;legendPosition="bottom";legendFloatAlign="end";legendFloatVerticalAlign="top";legendDraggable=false;labelColor="#ffffff";chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;zoom;engine="auto";unavailable="fallback";streamSource;streamWindow;streamMax;animated=false;animationDuration=600;animationEasing="ease-out";animationType;rendered;pointClick;pointHover;pointContextMenu;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShown;tooltipHide;tooltipAction;zoomChange;activeTier="standard";fallbackReason;tileTooltip=null;tileTooltips=[];displayData=[];hoverTileIndex=null;focusedTileIndex=null;srAnnouncement="";animationTick=0;zoomState=null;zoomSelection=null;legendFloatPosition;legendDrag;initialRevealState;morphState;animationFrameHandle=null;stopAnimationLoopImpl;suppressNextDataAnimation=false;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"plain-fallback"),active:()=>this.boundStreamSource!==void 0,onChange:()=>this.handleStreamLicenseChange()});internalStreamData;lastRenderResult={tiles:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;pointerFocusing=false;instanceKey=++tilemapInstanceCounter;zoomInteraction=new ZoomInteraction(this.zoomInteractionHost());componentWillLoad(){this.displayData=this.data}hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource()}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});if(this.shouldRunInitialAnimation(null))this.startInitialReveal()}componentDidRender(){if(this.detached)return;if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}this.measureTileTooltipBox()}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.cancelInitialReveal(false);this.cancelMorph(false);this.stopAnimationLoop();this.tooltipDrag=void 0;this.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null}handleDataChange(next,previous){if(this.suppressNextDataAnimation){this.suppressNextDataAnimation=false;if(!this.morphState)this.displayData=next;return}this.routeDataAnimation(previous??[],next)}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){this.cancelMorph(true);this.cancelInitialReveal(true);if(this.shouldRunInitialAnimation(null))this.startInitialReveal()}handleVisualPropsChange(){this.animationTick++}handleLegendAnchorChange(){this.legendFloatPosition=void 0;this.legendDrag=void 0}async redraw(){const start=this.now();const base=this.settledRenderLayout();const result={tiles:base.placed.length,renderMs:this.now()-start};this.lastRenderResult=result;this.animationTick++;return result}async getActiveTier(){return this.activeTier}async addTile(datum){const next=Array.isArray(this.data)?[...this.data]:[];next.push(datum);this.data=next;return next.length-1}async removeTile(idOrCell){if(!Array.isArray(this.data))return false;const idx=this.resolveTileIndex(idOrCell);if(idx<0)return false;const next=[...this.data];next.splice(idx,1);this.data=next;return true}async updateTile(idOrCell,patch){if(!Array.isArray(this.data))return false;const idx=this.resolveTileIndex(idOrCell);if(idx<0)return false;const next=[...this.data];next[idx]={...next[idx],...patch};this.data=next;return true}async setTileValue(idOrCell,value){return this.updateTile(idOrCell,{value})}async appendPoint(datum){await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(datum);return}this.upsertIntoData([datum]);this.appended.emit({count:1})})}async appendBatch(datums){if(!Array.isArray(datums)||datums.length===0)return;await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(datums);return}this.upsertIntoData(datums);this.appended.emit({count:datums.length})})}async shift(count=1){await this.streamLicense.run("shift",()=>{const source=this.activeStreamSource();if(source){source.shift(count);return}if(!Array.isArray(this.data))return;const n=Math.max(0,Math.min(Math.floor(count),this.data.length));if(n===0)return;const next=[...this.data];next.splice(0,n);this.data=next;this.windowSlid.emit({dropped:n})})}async replace(datums){await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(datums);return}this.data=Array.isArray(datums)?[...datums]:[]})}async getStreamSource(){return this.streamLicense.run("getStreamSource",()=>this.activeStreamSource())}async setAnimation(options){if(!options)return;if(Number.isFinite(options.duration))this.animationDuration=options.duration;if(options.easing)this.animationEasing=options.easing;if(options.type)this.animationType=options.type;if(typeof options.enabled==="boolean"){if(!options.enabled&&(this.initialRevealState||this.morphState))this.chartAnimationInterrupted.emit();this.animated=options.enabled;if(!options.enabled){this.cancelMorph(false);this.cancelInitialReveal(false);this.stopAnimationLoop();this.animationTick++}}}async pauseAnimation(){const now=this.now();for(const st of[this.initialRevealState,this.morphState]){if(st&&!st.paused){st.pausedElapsed=now-st.startedAt;st.paused=true}}this.stopAnimationLoop()}async resumeAnimation(){const now=this.now();for(const st of[this.initialRevealState,this.morphState]){if(st&&st.paused){st.startedAt=now-st.pausedElapsed;st.paused=false}}if(this.initialRevealState||this.morphState)this.startAnimationLoop()}async replayAnimation(){if(!this.animated)return;this.cancelMorph(false);this.cancelInitialReveal(false);this.startInitialReveal()}async hitTestTile(cssX,cssY){const base=this.settledRenderLayout();const placed=this.tileUnderPointer(base,cssX,cssY);if(!placed)return null;return{index:placed.tile.index,id:placed.tile.id,col:placed.tile.col,row:placed.tile.row,name:placed.tile.name}}async showTooltipAtTile(idOrCell){const idx=this.resolveTileIndex(idOrCell);const base=this.settledRenderLayout();const placed=base.placed.find(entry=>entry.tile.index===idx);if(!placed)return null;const spec=this.effectiveTooltipSpec();if(!spec.show)return null;this.showTooltipForTile(placed,spec,spec.openMode==="multiple");return this.buildPointEventDetail(placed)}async hideTooltip(){this.clearTooltips()}async zoomTo(request){return this.zoomInteraction.zoomTo(request)}async zoomBy(factor,anchorFraction=.5){return this.zoomInteraction.zoomBy(factor,anchorFraction)}async panBy(delta){return this.zoomInteraction.panBy(delta)}async resetZoom(){return this.zoomInteraction.reset()}async getZoom(){return this.zoomState}async getZoomExtent(request){return this.zoomInteraction.extent(request)}zoomSpec(){return resolveCartesianZoomSpec(this.zoom)}zoomRect(){const outer=this.legendRemainingOuter();return{x:outer.x,y:outer.y,width:Math.max(1,outer.width),height:Math.max(1,outer.height)}}viewportTransform(){return viewportZoomTransform(this.zoomRect(),this.zoomState)}shownPoint(x,y){return toViewport(this.viewportTransform(),x,y)}contentPointAt(x,y){const t=this.viewportTransform();if(!t.zoomed)return{x,y};if(!insideRect(this.zoomRect(),x,y))return null;return fromViewport(t,x,y)}tileUnderPointer(base,hostX,hostY){const content=this.contentPointAt(hostX,hostY);return content?this.tileAt(base,content.x,content.y):null}zoomInteractionHost(){return{frame:()=>viewportZoomFrame(this.zoomRect(),this.zoomState),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next;this.reanchorTooltipsForZoom()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.clearHover()}reanchorTooltipsForZoom(){if(!this.hasVisibleTooltips())return;const t=this.viewportTransform();const rect=this.zoomRect();const follow=tooltip=>{const shown=toViewport(t,tooltip.anchorX,tooltip.anchorY);if(t.zoomed&&!insideRect(rect,shown.x,shown.y))return null;const context={...tooltip.context,cssX:shown.x,cssY:shown.y};if(tooltip.positionLock)return{...tooltip,pointCssX:shown.x,pointCssY:shown.y,context};return{...tooltip,cssX:shown.x,cssY:shown.y,pointCssX:shown.x,pointCssY:shown.y,context}};this.tileTooltip=this.tileTooltip?follow(this.tileTooltip):null;this.tileTooltips=this.tileTooltips.map(follow).filter(tooltip=>tooltip!==null);if(!this.hasVisibleTooltips()){this.tooltipDrag=void 0;this.tooltipHide.emit()}}zoomPointerInput(e){const point=this.pointerCss(e);return{pointerId:e.pointerId,x:point.x,y:point.y,button:e.button,shiftKey:e.shiftKey,altKey:e.altKey,pointerType:e.pointerType}}zoomWheelInput(e){const point=this.pointerCss(e);return{x:point.x,y:point.y,deltaX:e.deltaX,deltaY:e.deltaY,deltaMode:e.deltaMode,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey}}handleZoomWheel=e=>{if(this.zoomInteraction.wheel(this.zoomWheelInput(e)))e.preventDefault()};handleZoomPointerDown=e=>{if(this.legendOwnsEvent(e))return;if(this.zoomInteraction.pointerDown(this.zoomPointerInput(e)))e.currentTarget?.setPointerCapture?.(e.pointerId)};handleZoomPointerMove(e){return this.zoomInteraction.pointerMove(this.zoomPointerInput(e))}handleZoomPointerUp=e=>{const owned=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(e));if(owned)e.currentTarget?.releasePointerCapture?.(e.pointerId)};handleZoomPointerCancel=()=>{this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){return this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown(event){if(!this.zoomInteraction.wantsKey(event))return false;if(!this.zoomInteraction.keyDown(event))return false;event.preventDefault();event.stopPropagation();return true}renderZoomOverlay(){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const rect=this.zoomRect();return h("div",{class:"sy-tilemap__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"6"}},selection&&h("div",{class:"sy-tilemap__zoom-selection","aria-hidden":"true",style:{position:"absolute",left:`${selection.x}px`,top:`${selection.y}px`,width:`${selection.width}px`,height:`${selection.height}px`,boxSizing:"border-box",background:"var(--sy-zoom-selection-bg, rgba(37, 99, 235, 0.12))",border:"1px solid var(--sy-zoom-selection-border, rgba(37, 99, 235, 0.6))"}}),zoomed&&spec.resetButton&&h("button",{type:"button",class:"sy-tilemap__zoom-reset","aria-label":"Reset zoom",onClick:()=>{void this.resetZoom()},style:{...ZoomInteraction.resetButtonStyle,position:"absolute",left:`${rect.x+rect.width-8}px`,top:`${rect.y+8}px`,transform:"translateX(-100%)",pointerEvents:"auto",font:"500 11px system-ui, sans-serif",padding:"3px 8px",borderRadius:"4px",border:"1px solid var(--sy-zoom-reset-border, #9ca3af)",background:"var(--sy-zoom-reset-bg, #ffffff)",color:"var(--sy-axis-color, #111827)",cursor:"pointer"}},"Reset zoom"))}resolveTileIndex(idOrCell){if(!Array.isArray(this.data))return-1;if(typeof idOrCell==="object"&&idOrCell!==null){const col=Math.floor(idOrCell.x);const row=Math.floor(idOrCell.y);for(let i=this.data.length-1;i>=0;i-=1){const resolved=resolveTilemapDatum(this.data[i],i);if(resolved&&resolved.col===col&&resolved.row===row)return i}return-1}if(typeof idOrCell==="number"&&Number.isFinite(idOrCell)){const idx=Math.floor(idOrCell);return idx>=0&&idx<this.data.length?idx:-1}for(let i=0;i<this.data.length;i++){const resolved=resolveTilemapDatum(this.data[i],i);if(resolved&&(resolved.id===idOrCell||resolved.name===idOrCell))return i}return-1}upsertIntoData(datums){const next=Array.isArray(this.data)?[...this.data]:[];for(const datum of datums){const incoming=resolveTilemapDatum(datum,next.length);if(!incoming)continue;const idx=next.findIndex((entry,i)=>{const resolved=resolveTilemapDatum(entry,i);return resolved!==null&&resolved.col===incoming.col&&resolved.row===incoming.row});if(idx<0)next.push(datum);else next[idx]=datum}this.data=next}activeStreamSource(){const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();if(route!=="stream")return void 0;if(this.streamSource)return this.streamSource;return this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax)){this.dropInternalStreamSource();return void 0}const capacity=Math.max(1,Math.floor(this.streamMax));if(this.internalStreamSource&&this.internalStreamCapacity===capacity)return this.internalStreamSource;this.internalStreamCapacity=capacity;this.internalStreamSource=createTilemapStreamSource();this.internalStreamData=this.data;return this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;this.internalStreamData=void 0}bindStreamSource(){if(this.detached)return;const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();let source=route==="stream"?this.streamSource??this.ensureInternalStreamSource():void 0;if(source===this.boundStreamSource)return;if(source!==void 0&&source===this.internalStreamSource&&this.data!==this.internalStreamData){this.dropInternalStreamSource();source=this.ensureInternalStreamSource()}this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;if(!source)return;this.boundStreamSource=source;this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(event));this.syncFromStreamSource()}syncFromStreamSource(){if(!this.boundStreamSource)return;const snapshot=this.boundStreamSource.snapshot(this.streamWindow);this.suppressNextDataAnimation=true;this.data=snapshot;this.noteStreamData();this.displayData=snapshot}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamData(){if(this.boundStreamSource!==void 0&&this.boundStreamSource===this.internalStreamSource)this.internalStreamData=this.data}handleStreamEvent(event){if(!this.boundStreamSource)return;const snapshot=this.boundStreamSource.snapshot(this.streamWindow);const prevVisuals=this.currentTileVisuals();const prevData=this.displayData;this.suppressNextDataAnimation=true;this.data=snapshot;this.noteStreamData();if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});else if(event.type==="shift")this.windowSlid.emit({dropped:event.count});if(this.shouldRunInitialAnimation(prevData)){this.cancelMorph(false);this.displayData=snapshot;this.startInitialReveal();this.animationTick++;return}if(!this.shouldAnimateUpdates(prevData)){this.cancelMorph(false);this.displayData=snapshot;this.animationTick++;return}if(this.sameTilemapData(prevData,snapshot)){this.displayData=snapshot;this.animationTick++;return}this.displayData=snapshot;this.startTileMorph(prevVisuals)}sameTilemapData(a,b){const aa=Array.isArray(a)?a:[];const bb=Array.isArray(b)?b:[];if(aa.length!==bb.length)return false;for(let i=0;i<aa.length;i++){const ra=resolveTilemapDatum(aa[i],i);const rb=resolveTilemapDatum(bb[i],i);if(!ra||!rb)return ra===rb;if(ra.col!==rb.col||ra.row!==rb.row||ra.value!==rb.value||ra.color!==rb.color)return false}return true}shouldAnimateUpdates(previous){return this.animated&&this.resolveAnimationType(previous)==="update"}shouldRunInitialAnimation(previous){return this.animated&&this.resolveAnimationType(previous)==="initial"}resolveAnimationType(previous){if(this.animationType)return this.animationType;return Array.isArray(previous)&&previous.length>0?"update":"initial"}routeDataAnimation(prev,next){const prevVisuals=this.currentTileVisuals();this.displayData=next;if(this.shouldRunInitialAnimation(prev)){this.cancelMorph(true);this.startInitialReveal()}else if(this.shouldAnimateUpdates(prev)&&!this.sameTilemapData(prev,next)){this.startTileMorph(prevVisuals)}else{this.animationTick++}}startInitialReveal(){this.cancelInitialReveal(false);const duration=Math.max(0,this.animationDuration);if(duration<=0)return;this.initialRevealState={startedAt:this.now(),duration,paused:false,pausedElapsed:0};this.chartAnimationStart.emit();this.startAnimationLoop()}cancelInitialReveal(emitInterrupt){if(!this.initialRevealState)return;if(emitInterrupt)this.chartAnimationInterrupted.emit();this.initialRevealState=void 0}startTileMorph(prevVisuals){this.cancelMorph(true);const duration=Math.max(0,this.animationDuration);if(duration<=0){this.animationTick++;return}this.morphState={prevVisuals,startedAt:this.now(),duration,paused:false,pausedElapsed:0};this.chartAnimationStart.emit();this.startAnimationLoop()}cancelMorph(emitInterrupt){if(!this.morphState)return;if(emitInterrupt)this.chartAnimationInterrupted.emit();this.morphState=void 0}now(){return typeof performance!=="undefined"?performance.now():0}startAnimationLoop(){if(this.animationFrameHandle!==null)return;const schedule=typeof requestAnimationFrame==="function"?requestAnimationFrame:(cb=>setTimeout(()=>cb(this.now()),16));const cancel=typeof cancelAnimationFrame==="function"?cancelAnimationFrame:(id=>clearTimeout(id));const tick=now=>{this.animationFrameHandle=null;const stillRunning=this.advanceAnimations(now);this.animationTick++;if(stillRunning){this.animationFrameHandle=schedule(tick)}else{this.chartAnimationEnd.emit()}};this.animationFrameHandle=schedule(tick);this.stopAnimationLoopImpl=()=>{if(this.animationFrameHandle!==null){cancel(this.animationFrameHandle);this.animationFrameHandle=null}}}stopAnimationLoop(){this.stopAnimationLoopImpl?.();this.animationFrameHandle=null}advanceAnimations(now){let running=false;if(this.initialRevealState){const st=this.initialRevealState;const elapsed=st.paused?st.pausedElapsed:now-st.startedAt;if(elapsed>=st.duration)this.initialRevealState=void 0;else if(!st.paused)running=true}if(this.morphState){const st=this.morphState;const elapsed=st.paused?st.pausedElapsed:now-st.startedAt;if(elapsed>=st.duration)this.morphState=void 0;else if(!st.paused)running=true}return running}tweenProgress(st){const elapsed=st.paused?st.pausedElapsed:this.now()-st.startedAt;const raw=Math.min(1,Math.max(0,elapsed/Math.max(1,st.duration)));return applyEasing(raw,this.animationEasing)}resolvedPalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const scheme=categorical[this.palette]??categorical.tableau10;const length=Math.max(scheme.stops.length,12);return discretize(scheme,length).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}titleGutter(){let gutter=0;if(this.chartTitle)gutter+=22;if(this.chartSubtitle)gutter+=16;return gutter}colorLegendActive(){return this.colorLegend!==false&&this.colorAxis!==void 0&&this.colorAxis!==null&&this.colorAxis!==false}legendOuter(){const top=this.titleGutter();return{x:0,y:top,width:Math.max(1,this.width),height:Math.max(1,this.height-top)}}colorLegendLayout(labels){if(!this.colorLegendActive())return null;const outer=this.legendOuter();const position=resolveTilemapLegendPosition(this.legendPosition);const metrics=tilemapColorLegendMetrics(position,outer,labels);const layout=computeLegendLayout({outerWidth:outer.width,outerHeight:outer.height,items:[{label:"colour axis",swatchColor:"transparent"}],position,floatAlign:this.legendFloatAlign,floatVerticalAlign:this.legendFloatVerticalAlign,align:"center",gap:0,rowGap:0,swatchSize:0,swatchLabelGap:0,padding:{top:TILEMAP_LEGEND_PADDING,right:TILEMAP_LEGEND_PADDING,bottom:TILEMAP_LEGEND_PADDING,left:TILEMAP_LEGEND_PADDING},measureLabel:()=>({width:metrics.contentWidth,height:metrics.contentHeight})});return this.applyLegendFloatPosition(this.shiftLegendLayout(layout,outer.x,outer.y,true))}legendRemainingOuter(){return this.colorLegendLayout()?.remainingOuter??this.legendOuter()}shiftLegendLayout(layout,dx,dy,remaining){if(dx===0&&dy===0)return layout;const shift=rect=>({...rect,x:rect.x+dx,y:rect.y+dy});return{...layout,legendRect:layout.legendRect?shift(layout.legendRect):layout.legendRect,itemRects:layout.itemRects.map(rect=>({...shift(rect),swatchRect:shift(rect.swatchRect),labelRect:shift(rect.labelRect)})),remainingOuter:remaining?shift(layout.remainingOuter):layout.remainingOuter}}applyLegendFloatPosition(layout){if(this.legendPosition!=="float"||!layout.legendRect||!this.legendFloatPosition)return layout;return this.shiftLegendLayout(layout,this.legendFloatPosition.x-layout.legendRect.x,this.legendFloatPosition.y-layout.legendRect.y,false)}canDragLegend(layout){return this.legendDraggable&&this.legendPosition==="float"&&!!layout.legendRect}legendOwnsEvent(event){const target=event.target;return!!target?.closest?.("[data-sy-legend-float]")}handleLegendPointerDown(e,layout){if(!this.canDragLegend(layout))return;e.preventDefault();const rect=layout.legendRect;if(!this.legendFloatPosition)this.legendFloatPosition=createLegendPositionState(rect.x,rect.y);this.legendDrag={pointerId:e.pointerId,lastX:e.clientX,lastY:e.clientY,moved:false};e.currentTarget?.setPointerCapture?.(e.pointerId)}handleLegendPointerMove(e,layout){const drag=this.legendDrag;if(!drag||drag.pointerId!==e.pointerId||!layout.legendRect||!this.canDragLegend(layout))return;const dx=e.clientX-drag.lastX;const dy=e.clientY-drag.lastY;if(dx===0&&dy===0)return;this.legendFloatPosition=dragLegendBy(this.legendFloatPosition??createLegendPositionState(layout.legendRect.x,layout.legendRect.y),dx,dy,{x:0,y:0,width:this.width,height:this.height},{width:layout.legendRect.width,height:layout.legendRect.height});drag.lastX=e.clientX;drag.lastY=e.clientY;drag.moved=true}handleLegendPointerUp(e){const drag=this.legendDrag;if(!drag||drag.pointerId!==e.pointerId)return;e.currentTarget?.releasePointerCapture?.(e.pointerId);this.legendDrag=void 0}plotRect(){const margin=8;const outer=this.legendRemainingOuter();return{x:outer.x+margin,y:outer.y+margin,width:Math.max(1,outer.width-margin*2),height:Math.max(1,outer.height-margin*2)}}effectiveTileShape(){return this.tileShape==="square"||this.tileShape==="hexagon"||this.tileShape==="circle"||this.tileShape==="diamond"?this.tileShape:"hexagon"}settledRenderLayout(){return prepareTilemapLayout({data:this.displayData,plot:this.plotRect(),palette:this.resolvedPalette(),lattice:this.effectiveTileShape()==="hexagon"?"hexagon":"square",colorAxis:this.colorAxis})}currentTileVisuals(){const base=this.settledRenderLayout();if(!this.morphState)return base.visuals;const t=this.tweenProgress(this.morphState);const rendered=this.composeMorphTiles(this.morphState.prevVisuals,base.visuals,t);return rendered.filter(tile=>!tile.key.startsWith("ghost:")).map(tile=>{const settled=base.visuals.find(visual=>visual.key===tile.key);return settled?{...settled,cx:tile.cx,cy:tile.cy,cell:tile.cell}:void 0}).filter(visual=>visual!==void 0)}composeMorphTiles(prev,next,t){const out=[];const prevByKey=new Map(prev.map(visual=>[visual.key,visual]));const nextKeys=new Set(next.map(visual=>visual.key));for(const b of next){const a=prevByKey.get(b.key);if(a){out.push({key:b.key,cx:a.cx+(b.cx-a.cx)*t,cy:a.cy+(b.cy-a.cy)*t,cell:a.cell+(b.cell-a.cell)*t,color:b.color,name:b.name,label:b.label,index:b.index,scale:1,opacity:1})}else{out.push({key:b.key,cx:b.cx,cy:b.cy,cell:b.cell,color:b.color,name:b.name,label:b.label,index:b.index,scale:t,opacity:t})}}for(const a of prev){if(nextKeys.has(a.key))continue;out.push({key:`ghost:${a.key}`,cx:a.cx,cy:a.cy,cell:a.cell,color:a.color,name:a.name,label:a.label,index:a.index,scale:1-t,opacity:1-t})}return out}revealProgressFor(order,total,eased){if(total<=0)return 1;const slot=order/total;const window=Math.max(1e-6,1/Math.min(total,12));return Math.min(1,Math.max(0,(eased*(1+window)-slot)/window))}buildPointEventDetail(placed){const shown=this.shownPoint(placed.cx,placed.cy);return{index:placed.tile.index,id:placed.tile.id,col:placed.tile.col,row:placed.tile.row,name:placed.tile.name,label:placed.tile.label,value:placed.tile.value,color:placed.tile.color,cssX:shown.x,cssY:shown.y}}navigableTiles(base=this.settledRenderLayout()){return[...base.placed]}tileAriaLabel(placed){const valuePart=placed.tile.value!==void 0?`: ${placed.tile.value}`:"";return`${placed.tile.name}${valuePart} (column ${placed.tile.col}, row ${placed.tile.row})`}accessibleSummary(base){const title=this.chartTitle?`${this.chartTitle}. `:"";return`${title}Tilemap, ${base.placed.length} ${base.placed.length===1?"tile":"tiles"} on a ${base.extent.cols}×${base.extent.rows} grid.`}announceFocusedTile(placed){this.focusedTileIndex=placed.tile.index;this.srAnnouncement=this.tileAriaLabel(placed);if(this.enableMouseTracking)this.pointHover.emit(this.buildPointEventDetail(placed))}moveFocus(delta){const tiles=this.navigableTiles();if(tiles.length===0)return;let idx=tiles.findIndex(placed=>placed.tile.index===this.focusedTileIndex);if(idx<0)idx=delta>0?-1:0;idx=(idx+delta+tiles.length)%tiles.length;this.announceFocusedTile(tiles[idx])}onChartPointerDown=()=>{this.pointerFocusing=true;setTimeout(()=>{this.pointerFocusing=false},0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(this.focusedTileIndex!==null)return;const tiles=this.navigableTiles();if(tiles.length>0)this.announceFocusedTile(tiles[0])};onChartBlur=()=>{this.focusedTileIndex=null};onChartKeyDown=ev=>{if(this.handleZoomKeyDown(ev))return;switch(ev.key){case"ArrowRight":case"ArrowDown":ev.preventDefault();this.moveFocus(1);break;case"ArrowLeft":case"ArrowUp":ev.preventDefault();this.moveFocus(-1);break;case"Home":{ev.preventDefault();const first=this.navigableTiles()[0];if(first)this.announceFocusedTile(first);break}case"End":{ev.preventDefault();const list=this.navigableTiles();if(list.length>0)this.announceFocusedTile(list[list.length-1]);break}case"Enter":case" ":{if(this.focusedTileIndex===null)return;ev.preventDefault();const base=this.settledRenderLayout();const placed=base.placed.find(entry=>entry.tile.index===this.focusedTileIndex);if(!placed)return;this.pointClick.emit(this.buildPointEventDetail(placed));const spec=this.effectiveTooltipSpec();if(spec.show)this.showTooltipForTile(placed,spec,spec.openMode==="multiple");break}case"Escape":this.focusedTileIndex=null;this.clearHover();break}};pointerCss(event){const rect=this.host.getBoundingClientRect();return{x:event.clientX-rect.left,y:event.clientY-rect.top}}tileAt(base,x,y){if(base.hexRadius!==void 0)return tilemapHexTileAtPoint(base.placed,base.hexRadius,this.gap,x,y);const shape=this.effectiveTileShape();if(shape==="circle")return tilemapCircleTileAtPoint(base.placed,this.gap,x,y);if(shape==="diamond")return tilemapDiamondTileAtPoint(base.placed,this.gap,x,y);return tilemapTileAtPoint(base.placed,this.gap,x,y)}onChartPointerMove=event=>{if(this.handleZoomPointerMove(event))return;if(!this.enableMouseTracking)return;const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.legendOwnsEvent(event)?null:this.tileUnderPointer(base,x,y);const nextTile=placed?placed.tile.index:null;if(nextTile===this.hoverTileIndex)return;this.hoverTileIndex=nextTile;if(nextTile===null||!placed){this.pointHover.emit(null);const spec2=this.effectiveTooltipSpec();if(this.shouldHideTooltipOnLeave(spec2))this.clearSingleTooltip();return}this.pointHover.emit(this.buildPointEventDetail(placed));const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForTile(placed,spec,false)}};onChartClick=event=>{if(this.consumeSuppressedPlotClick())return;if(this.legendOwnsEvent(event))return;if(!this.enableMouseTracking){if(this.hasVisibleTooltips())this.clearTooltips();return}const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.tileUnderPointer(base,x,y);if(!placed){if(this.hasVisibleTooltips())this.clearTooltips();return}this.pointClick.emit(this.buildPointEventDetail(placed));const spec=this.effectiveTooltipSpec();if(spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForTile(placed,spec,true)}};onChartLeave=()=>{this.clearHover()};onPointContextMenu=event=>{if(!this.enableMouseTracking||this.legendOwnsEvent(event))return;const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.tileUnderPointer(base,x,y);if(!placed)return;event.preventDefault();event.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"tilemap",this.buildPointEventDetail(placed),{index:0,id:"tilemap",name:this.chartTitle??"Tilemap"}))};clearHover(){const hadHover=this.hoverTileIndex!==null;if(!hadHover&&!this.hasVisibleTooltips())return;this.hoverTileIndex=null;if(hadHover)this.pointHover.emit(null);const spec=this.effectiveTooltipSpec();if(this.shouldHideTooltipOnLeave(spec))this.clearSingleTooltip()}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveTilemapTooltipSpec(this.tooltip);return tilemapTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}defaultTooltipHtml(tile){const valuePart=tile.value!==void 0?` · ${tile.value}`:"";return`<strong>${escapeHtml(tile.name)}</strong>${valuePart}`}plainTooltipText(tile){const valuePart=tile.value!==void 0?` · ${tile.value}`:"";return`${tile.name}${valuePart}`}buildTooltipContext(placed){const shown=this.shownPoint(placed.cx,placed.cy);return{index:placed.tile.index,id:placed.tile.id,name:placed.tile.name,label:placed.tile.label,col:placed.tile.col,row:placed.tile.row,value:placed.tile.value,cssX:shown.x,cssY:shown.y}}hasVisibleTooltips(){return this.tileTooltip!==null||this.tileTooltips.length>0}clearSingleTooltip(){if(this.tileTooltip===null)return;this.tooltipDrag=void 0;this.tileTooltip=null;if(this.tileTooltips.length===0)this.tooltipHide.emit()}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.tileTooltip=null;this.tileTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForTile(placed,spec,allowMultiple){const tile=placed.tile;const anchorPoint=this.shownPoint(placed.cx,placed.cy);const context=this.buildTooltipContext(placed);const side=spec.side??"top";const text=spec.format?safeChartFormatter(spec.format,[tile,context],()=>this.plainTooltipText(tile),"tooltip.format",spec):this.plainTooltipText(tile);const html=spec.html?safeChartFormatter(spec.html,[tile,context],()=>void 0,"tooltip.html",spec):spec.format?void 0:this.defaultTooltipHtml(tile);const locked=this.lockedTooltipPositionForTile(tile,spec);const renderedSide=locked?.side??side;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,locked.box,spec.offset):{cssX:anchorPoint.x,cssY:anchorPoint.y};const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:anchorPoint.x,pointCssY:anchorPoint.y,anchorX:placed.cx,anchorY:placed.cy,box:locked?.box,side:renderedSide,text,html,className:spec.className,style:this.tooltipStyleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&spec.openMode==="multiple"){this.tileTooltip=rendered;this.tileTooltips=[...this.tileTooltips,rendered]}else{this.tileTooltips=[];this.tileTooltip=rendered}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html,context};this.tooltipShown.emit(detail);return detail}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}positionedTileTooltip(tooltip=this.tileTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,cssX:anchor.cssX,cssY:anchor.cssY,side:placement.side}}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(String(tooltip.context.index),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForTile(tile,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(String(tile.index));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positionedTileTooltip();if(!tooltip?.box||tooltip.context.index!==tile.index)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}measureTileTooltipBox(){if(this.tileTooltips.length>0)return;const tooltip=this.tileTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.tileTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.tileTooltips.find(entry=>entry.id===tooltipId)??this.tileTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.tileTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const rendered=this.positionedTileTooltip(this.tileTooltip)??this.tileTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=this.tileTooltip.box??rendered.box;const next={...this.tileTooltip,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.tileTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.tileTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.tileTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.tileTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.tileTooltip)this.rememberDraggableTooltipPosition(this.tileTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};render(){const renderStart=this.now();const decision=pickTilemapEngine({requested:this.engine,onUnavailable:this.unavailable});if(decision.tier!==this.activeTier)this.activeTier=decision.tier;if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;const base=this.settledRenderLayout();let drawTiles=base.visuals.map(visual=>({key:visual.key,cx:visual.cx,cy:visual.cy,cell:visual.cell,color:visual.color,name:visual.name,label:visual.label,index:visual.index,scale:1,opacity:1}));if(this.morphState){drawTiles=this.composeMorphTiles(this.morphState.prevVisuals,base.visuals,this.tweenProgress(this.morphState))}else if(this.initialRevealState){const eased=this.tweenProgress(this.initialRevealState);drawTiles=base.visuals.map((visual,order)=>{const progress=this.revealProgressFor(order,base.visuals.length,eased);return{key:visual.key,cx:visual.cx,cy:visual.cy,cell:visual.cell,color:visual.color,name:visual.name,label:visual.label,index:visual.index,scale:progress,opacity:progress}})}const activeTile=this.focusedTileIndex??this.hoverTileIndex;const shape=this.effectiveTileShape();const labelSize=tilemapLabelFontSize(base.cell,this.gap);const labelsOn=this.showLabels&&labelSize>=7&&base.cell-this.gap>=18;const zoomSpec=this.zoomSpec();const zoomRect=this.zoomRect();const viewport=viewportZoomTransform(zoomRect,this.zoomState);const viewportMatrix=viewportZoomMatrix(viewport);const viewportClipId=`sy-tilemap-viewport-${this.instanceKey}`;this.lastRenderResult={tiles:base.placed.length,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;return h(Host,{"data-active-tier":this.activeTier,style:{touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},"data-sy-brand-host":"chart"},h("div",{class:"sy-tilemap",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"}},h("svg",{class:"sy-tilemap__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,"data-total-tiles":base.placed.length,"data-grid-cols":base.extent.cols,"data-grid-rows":base.extent.rows,role:"application","aria-roledescription":"Tilemap","aria-label":this.accessibleSummary(base),tabindex:0,onKeyDown:ev=>this.onChartKeyDown(ev),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onPointerDown:this.handleZoomPointerDown,onPointerMove:ev=>this.onChartPointerMove(ev),onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onMouseLeave:()=>this.onChartLeave(),onClick:ev=>this.onChartClick(ev),onContextMenu:ev=>this.onPointContextMenu(ev)},this.chartTitle?h("text",{class:"sy-tilemap__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?h("text",{class:"sy-tilemap__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,h("defs",null,h("clipPath",{id:viewportClipId},h("rect",{x:zoomRect.x,y:zoomRect.y,width:zoomRect.width,height:zoomRect.height}))),h("g",{class:"sy-tilemap__viewport","clip-path":viewport.zoomed?`url(#${viewportClipId})`:void 0},h("g",{class:"sy-tilemap__tiles","aria-hidden":"true",transform:viewportMatrix||void 0},drawTiles.map(tile=>{if(tile.scale<=0||tile.opacity<=0)return null;const dim=activeTile!==null&&tile.index!==activeTile&&!tile.key.startsWith("ghost:");const cls=`sy-tilemap__tile${dim?" sy-tilemap__tile--dim":""}`;const drawCell=tile.cell*tile.scale;const d=shape==="hexagon"?tilemapHexagonPath(tile.cx,tile.cy,drawCell/Math.sqrt(3),this.gap):shape==="circle"?tilemapCirclePath(tile.cx,tile.cy,drawCell,this.gap):shape==="diamond"?tilemapDiamondPath(tile.cx,tile.cy,drawCell,this.gap):tilemapSquarePath(tile.cx,tile.cy,drawCell,this.gap);return h("g",{key:tile.key,class:cls,opacity:tile.opacity,"data-tile-index":tile.index,"data-tile-name":tile.name},h("path",{class:"sy-tilemap__tile-shape",d,fill:tile.color}),labelsOn&&!tile.key.startsWith("ghost:")?h("text",{class:"sy-tilemap__tile-label",x:tile.cx,y:tile.cy,"text-anchor":"middle","dominant-baseline":"central",fill:this.labelColor,style:{fontSize:`${Math.round(labelSize*tile.scale*10)/10}px`,fontWeight:"600",pointerEvents:"none"}},tile.label??tile.name):null)}))),this.renderColorLegend(base)),this.renderZoomOverlay(),h("div",{class:"sy-tilemap__sr-only",role:"list","aria-label":"Tiles"},this.navigableTiles(base).map(placed=>h("div",{role:"listitem",key:`sr:${placed.tile.col}:${placed.tile.row}`},this.tileAriaLabel(placed)))),h("div",{class:"sy-tilemap__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{class:"sy-tilemap__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.renderTileTooltipConnector(),this.renderTileTooltip()),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:zoomRect}))}renderColorLegend(base){const axis=base.colorAxis;if(!axis||!this.colorLegendActive())return null;const labels={min:formatLegendValue(axis.min),max:formatLegendValue(axis.max)};const layout=this.colorLegendLayout(labels);const content=layout?.itemRects[0];if(!layout?.legendRect||!content)return null;const position=resolveTilemapLegendPosition(this.legendPosition);const metrics=tilemapColorLegendMetrics(position,this.legendOuter(),labels);const float=position==="float";const vertical=metrics.orientation==="vertical";const draggable=this.canDragLegend(layout);const gradientId=`sy-tilemap-axis-${this.instanceKey}`;const shadowId=`sy-tilemap-legend-shadow-${this.instanceKey}`;const hovered=this.hoverTileIndex!==null?base.placed.find(entry=>entry.tile.index===this.hoverTileIndex):void 0;const hoverT=hovered?.tile.value!==void 0&&axis.max>axis.min?(Math.min(axis.max,Math.max(axis.min,hovered.tile.value))-axis.min)/(axis.max-axis.min):null;const bar=vertical?{x:content.x+(content.width-metrics.barThickness)/2,y:content.y+metrics.labelHeight+metrics.labelGap,width:metrics.barThickness,height:metrics.barLength}:{x:float?content.x+metrics.minLabelWidth+metrics.labelGap:content.x,y:content.y+metrics.markerRoom,width:metrics.barLength,height:metrics.barThickness};const labelStyle={fontSize:`${TILEMAP_LEGEND_LABEL_FONT_SIZE}px`};const box=layout.legendRect;const boxStyle=float?layout.floatBoxStyle:void 0;return h("g",{class:{"sy-tilemap__color-legend":true,"sy-tilemap__color-legend--float":float},"aria-hidden":"true","data-sy-legend-float":float?"true":void 0,style:float?{pointerEvents:"all",cursor:draggable?this.legendDrag?"grabbing":"grab":"default",touchAction:draggable?"none":void 0}:void 0,onPointerDown:float?ev=>this.handleLegendPointerDown(ev,layout):void 0,onPointerMove:float?ev=>this.handleLegendPointerMove(ev,layout):void 0,onPointerUp:float?ev=>this.handleLegendPointerUp(ev):void 0,onPointerCancel:float?ev=>this.handleLegendPointerUp(ev):void 0},h("defs",null,h("linearGradient",{id:gradientId,x1:"0",y1:vertical?"1":"0",x2:vertical?"0":"1",y2:"0"},axis.gradientStops.map(([t,css])=>h("stop",{offset:`${Math.round(t*100)}%`,"stop-color":css}))),boxStyle?h("filter",{id:shadowId,x:"-10%",y:"-20%",width:"120%",height:"150%"},h("feDropShadow",{dx:"0",dy:"1",stdDeviation:"1.5","flood-color":"#000000","flood-opacity":"0.25"})):null),boxStyle?h("rect",{class:"sy-tilemap__color-legend-box",x:box.x,y:box.y,width:box.width,height:box.height,rx:boxStyle.borderRadius,fill:boxStyle.background,stroke:boxStyle.borderColor,"stroke-width":boxStyle.borderWidth,filter:`url(#${shadowId})`}):null,h("rect",{class:"sy-tilemap__color-legend-bar",x:bar.x,y:bar.y,width:bar.width,height:bar.height,rx:2,fill:`url(#${gradientId})`}),vertical?h("text",{class:"sy-tilemap__color-legend-label",x:bar.x+bar.width/2,y:bar.y-metrics.labelGap,"text-anchor":"middle","dominant-baseline":"auto",style:labelStyle},labels.max):h("text",{class:"sy-tilemap__color-legend-label",x:bar.x-metrics.labelGap,y:bar.y+bar.height/2,"text-anchor":"end","dominant-baseline":"central",style:labelStyle},labels.min),vertical?h("text",{class:"sy-tilemap__color-legend-label",x:bar.x+bar.width/2,y:bar.y+bar.height+metrics.labelGap,"text-anchor":"middle","dominant-baseline":"hanging",style:labelStyle},labels.min):h("text",{class:"sy-tilemap__color-legend-label",x:bar.x+bar.width+metrics.labelGap,y:bar.y+bar.height/2,"text-anchor":"start","dominant-baseline":"central",style:labelStyle},labels.max),hoverT!==null?h("path",{class:"sy-tilemap__color-legend-marker",d:vertical?`M ${bar.x-2} ${bar.y+bar.height*(1-hoverT)} l -6 -4 v 8 Z`:`M ${bar.x+bar.width*hoverT} ${bar.y-2} l -4 -6 h 8 Z`,fill:"var(--sy-chart-title-color, #111827)"}):null)}renderTileTooltip(){const multiple=this.tileTooltips.length>0;const tooltips=multiple?this.tileTooltips:[this.positionedTileTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTileTooltipItem(tooltip,!multiple))}renderTileTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tileTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tileTooltipClassName("sy-tilemap__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tileTooltipClassName("sy-tilemap__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTileTooltipConnector(){const tooltips=this.tileTooltips.length>0?this.tileTooltips:[this.positionedTileTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-tilemap__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"tilemap"})}static get watchers(){return{"data":[{"handleDataChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"tileShape":[{"handleVisualPropsChange":0}],"gap":[{"handleVisualPropsChange":0}],"showLabels":[{"handleVisualPropsChange":0}],"labelColor":[{"handleVisualPropsChange":0}],"colorAxis":[{"handleVisualPropsChange":0}],"colorLegend":[{"handleVisualPropsChange":0}],"legendPosition":[{"handleVisualPropsChange":0},{"handleLegendAnchorChange":0}],"legendFloatAlign":[{"handleVisualPropsChange":0},{"handleLegendAnchorChange":0}],"legendFloatVerticalAlign":[{"handleVisualPropsChange":0},{"handleLegendAnchorChange":0}],"legendDraggable":[{"handleVisualPropsChange":0}],"palette":[{"handleVisualPropsChange":0}],"colors":[{"handleVisualPropsChange":0}],"chartTitle":[{"handleVisualPropsChange":0}],"chartSubtitle":[{"handleVisualPropsChange":0}],"tooltipShow":[{"handleVisualPropsChange":0}],"tooltip":[{"handleVisualPropsChange":0}],"enableMouseTracking":[{"handleVisualPropsChange":0}]}}};SyTilemap.style=syTilemapCss();export{SyTilemap as sy_tilemap};

package/dist/esm/sy-tornado-chart.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{s as safeChartFormatter,r as reportChartFormatterError}from"./safe-formatter-DO6vGxJP.js";import{n as normalizeUnavailableBehaviour,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{C as ChartStreamingGate,c as chartStreamingInput,a as applyPlainStreamOp,p as plainStreamFrame}from"./chart-streaming-gate-CXnkXyxT.js";import{a as computeCartesianFrame,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{s as snapCategoryCrosshair,r as resolveAutoAxisLabels}from"./auto-labels-DYKIyOfR.js";import{c as capStreamDuration,l as lerpStreamWindow}from"./stream-interp-DTZUbymc.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,r as resolveCartesianTooltipSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{a as resolvePairColors}from"./resolve-CitzwxIw.js";import{s as standardOnlyEngineStatus}from"./standard-engine-status-mIwM2Z1u.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./zoom-window-D6sPnRDQ.js";import"./brand-mark-default-AzDRbG7D.js";function toMagnitude(value){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:0}function computeTornadoModel(leftValues,rightValues,categories){const n=Math.max(leftValues.length,rightValues.length);const items=[];let maxMagnitude=0;for(let i=0;i<n;i++){const left=toMagnitude(leftValues[i]);const right=toMagnitude(rightValues[i]);maxMagnitude=Math.max(maxMagnitude,left,right);items.push({index:i,category:categories?.[i]??String(i+1),left,right})}return{items,maxMagnitude}}function tornadoBandHeight(plotHeight,n){return n>0?plotHeight/n:plotHeight}function tornadoBars(model,plot,magToHalf,gap=.3,centerGap=0){const n=model.items.length;if(n===0)return[];const bandH=tornadoBandHeight(plot.height,n);const pad=Math.max(0,Math.min(.6,gap))*bandH;const barH=Math.max(0,bandH-pad);const centerX=plot.x+plot.width/2;const halfGap=Math.max(0,centerGap)/2;const out=[];for(const item of model.items){const y=plot.y+item.index*bandH+pad/2;const centerY=plot.y+item.index*bandH+bandH/2;const leftW=Math.max(0,magToHalf(item.left)-halfGap);const rightW=Math.max(0,magToHalf(item.right)-halfGap);out.push({index:item.index,category:item.category,left:item.left,right:item.right,centerY,leftRect:{x:centerX-halfGap-leftW,y,width:leftW,height:barH},rightRect:{x:centerX+halfGap,y,width:rightW,height:barH}})}return out}function tornadoBarAtPoint(model,plot,cssX,cssY){if(model.items.length===0)return null;if(cssX<plot.x||cssX>plot.x+plot.width)return null;if(cssY<plot.y||cssY>plot.y+plot.height)return null;const bandH=tornadoBandHeight(plot.height,model.items.length);const index=Math.max(0,Math.min(model.items.length-1,Math.floor((cssY-plot.y)/bandH)));const centerX=plot.x+plot.width/2;return{index,side:cssX<centerX?"left":"right"}}function niceStep(raw){if(!Number.isFinite(raw)||raw<=0)return 1;const exp=Math.floor(Math.log10(raw));const base=Math.pow(10,exp);const frac=raw/base;const niceFrac=frac<=1?1:frac<=2?2:frac<=5?5:10;return niceFrac*base}function tornadoNiceMax(maxMagnitude){if(!Number.isFinite(maxMagnitude)||maxMagnitude<=0)return 1;const step=niceStep(maxMagnitude/4);return Math.ceil(maxMagnitude/step)*step}function pickTornadoEngine(options){if(options.requested==="pro"){const reason="no GPU tornado renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-tornado-chart: Pro engine is unavailable — no GPU tornado renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-tornado-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyTornadoEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createTornadoAnimator(){const entries=new Map;function elapsed(e,now){if(e.startedAt<0)return e.pausedElapsed;if(e.paused)return e.pausedElapsed;return Math.max(0,now-e.startedAt+e.pausedElapsed)}function rawProgress(e,now){if(e.duration<=0)return 1;return clamp01(elapsed(e,now)/e.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const e=entries.get(key);if(!e)return void 0;if(e.startedAt<0&&!e.paused)e.startedAt=now;return applyTornadoEasing(rawProgress(e,now),e.easing)},has(key){return entries.has(key)},isActive(key,now){const e=entries.get(key);if(!e)return false;if(e.paused)return true;return rawProgress(e,now)<1},tick(now){const done=[];for(const[key,e]of entries){if(e.startedAt<0&&!e.paused)e.startedAt=now;if(e.paused)continue;if(rawProgress(e,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const e of entries.values()){if(e.paused)continue;if(e.startedAt>=0)e.pausedElapsed+=now-e.startedAt;e.paused=true}},resumeAll(now){for(const e of entries.values()){if(!e.paused)continue;e.startedAt=now;e.paused=false}},hasActive(){for(const e of entries.values())if(!e.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}function createTornadoStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function toDatum(input){if(input&&typeof input==="object"&&Array.isArray(input.values)){return{category:input.category,values:[input.values[0],input.values[1]].map(value=>Number.isFinite(value)?Number(value):0)}}return void 0}const syTornadoChartCss=()=>`.sc-sy-tornado-chart-h{display:inline-block;position:relative}.sy-tornado-chart__surface.sc-sy-tornado-chart{display:block}.sy-tornado-chart__bar.sc-sy-tornado-chart{transition:opacity 120ms ease}.sy-tornado-chart__tooltip.sc-sy-tornado-chart,.sy-tornado-chart__legend.sc-sy-tornado-chart{pointer-events:none}.sy-tornado-chart__sr-only.sc-sy-tornado-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-tornado-chart__watermark.sc-sy-tornado-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}const SyTornadoChart=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",7);this.pointClick=createEvent(this,"pointClick",7);this.pointHover=createEvent(this,"pointHover",7);this.crosshairMove=createEvent(this,"crosshairMove",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.appended=createEvent(this,"appended",7);this.windowSlid=createEvent(this,"windowSlid",7);this.chartAnimationStart=createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=createEvent(this,"chartAnimationInterrupted",7);this.tooltipShow=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.seriesOutsideClick=createEvent(this,"seriesOutsideClick",7)}get host(){return getElement(this)}data=[];groups=[];categories;leftValues;rightValues;width=680;height=380;brandLogo;brandPosition="bottom-right";color="";leftLabel;rightLabel;barPadding=.3;xLabelMode;xLabelRotation;xLabelMaxCount;valueAxisLabel;gridLines;crosshair;chartTitle;chartSubtitle;tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;activeTier="standard";fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverKey=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createTornadoAnimator();animationFrameHandle=null;morphActive=false;displayedBars=new Map;morphFromBars;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromLeft;streamFromRight;lastStreamTime;firstRender=true;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data,rightValues){this.data=rightValues===void 0?data:this.legacyRowsFromValues(data,rightValues)}async appendPoint(datum){await this.streamOrPlain("appendPoint",{type:"push",datum},()=>this.ensureInternalStreamSource()?.push(datum))}async appendBatch(data){await this.streamOrPlain("appendBatch",{type:"pushBatch",data},()=>this.ensureInternalStreamSource()?.pushBatch(data))}async shift(count){await this.streamOrPlain("shift",{type:"shift",count},()=>this.activeStreamSource()?.shift(count))}async replace(data){await this.streamOrPlain("replace",{type:"replace",data},()=>this.ensureInternalStreamSource()?.replace(data))}async getStreamSource(){return this.streamLicense.run("getStreamSource",route=>route==="stream"?this.activeStreamSource():void 0,this.displayedStreamSource()!==void 0)}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeTornadoLayout();const hit=tornadoBarAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit)return null;return this.detailFor(layout,hit.index,hit.side,cssX,cssY)}async showTooltipAtPoint(index,seriesIndex=1){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeTornadoLayout();const side=this.sideForSeriesIndex(seriesIndex);const hit=this.tornadoHitAtIndex(layout,index,side);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverKey=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}hasDataRows(){return Array.isArray(this.data)&&this.data.length>0}seriesName(index){return this.groups?.[index]??(index===0?this.leftLabel:this.rightLabel)??(index===0?"Group 1":"Group 2")}sideForSeriesIndex(seriesIndex){if(seriesIndex==="left"||seriesIndex==="right")return seriesIndex;return Number.isFinite(seriesIndex)&&Math.trunc(seriesIndex)===0?"left":"right"}legacyRowsFromValues(leftValues,rightValues){const leftLength=leftValues?.length??0;const rightLength=rightValues?.length??0;const n=Math.max(leftLength,rightLength,this.categories?.length??0);const rows=[];for(let i=0;i<n;i++){rows.push({category:this.categories?.[i]??String(i+1),values:[leftValues?.[i],rightValues?.[i]]})}return rows}resolvedRows(){if(this.hasDataRows())return[...this.data];return this.legacyRowsFromValues(this.leftValues,this.rightValues)}rowCategories(rows){return this.categories?[...this.categories]:rows.map((row,index)=>row.category??String(index+1))}sideValues(rows,seriesIndex){return rows.map(row=>row.values?.[seriesIndex]??null)}targetLeftValues(){return Float32Array.from(this.sideValues(this.resolvedRows(),0).map(value=>typeof value==="number"&&Number.isFinite(value)?value:0))}targetRightValues(){return Float32Array.from(this.sideValues(this.resolvedRows(),1).map(value=>typeof value==="number"&&Number.isFinite(value)?value:0))}computeTornadoLayout(){const rows=this.resolvedRows();const categories=this.rowCategories(rows);const model=computeTornadoModel(this.streamLeft()??this.sideValues(rows,0),this.streamRight()??this.sideValues(rows,1),categories);const legendBand=24;const outer={x:0,y:legendBand,width:this.width,height:Math.max(1,this.height-legendBand)};const niceMax=tornadoNiceMax(model.maxMagnitude);const n=model.items.length;const axes=resolveCartesianAxesSpec({kind:"linear",position:"bottom",show:true,label:this.valueAxisLabel,format:v=>`${Math.abs(Math.round(v))}`},{kind:"category",position:"left",show:true,categories:model.items.map(it=>it.category),tickCount:Math.min(n,30)});const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-niceMax,max:niceMax},yExtent:{min:-.5,max:Math.max(.5,n-.5)}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const centerX=plot.x+plot.width/2;const magToHalf=mag=>niceMax>0?mag/niceMax*(plot.width/2):0;const bars=tornadoBars(model,plot,magToHalf,this.barPadding);return{model,outer,plot,frame,niceMax,bars,centerX}}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=false;this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=true;this.animator.clear();this.morphFromBars=new Map(this.displayedBars);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.morphActive=false;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createTornadoStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const rows=this.resolvedRows();const categories=this.rowCategories(rows);const coerceSide=v=>typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0;return rows.map((row,index)=>({category:categories[index]??row.category,values:[coerceSide(row.values?.[0]),coerceSide(row.values?.[1])]}))}coerceStreamCapacity(){if(typeof this.streamMax==="number"&&Number.isFinite(this.streamMax)&&this.streamMax>0)return Math.floor(this.streamMax);if(typeof this.streamWindow==="number"&&Number.isFinite(this.streamWindow)&&this.streamWindow>0)return Math.floor(this.streamWindow)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const current=this.valuesAsData().map(d=>toDatum(d)).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenData=this.data;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.data!==this.streamFrozenData&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenData=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const nextData=snapshot.map((d,i)=>({category:d.category??String(i+1),values:[d.values[0]??0,d.values[1]??0]}));const nextLeft=Float32Array.from(nextData.map(d=>d.values[0]??0));const nextRight=Float32Array.from(nextData.map(d=>d.values[1]??0));const nextCategories=snapshot.map((d,i)=>d.category??String(i+1));const hadData=this.resolvedRows().length>0;const animate=this.shouldAnimate()&&hadData&&(nextLeft.length>0||nextRight.length>0);if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromLeft=this.currentStreamLeft();this.streamFromRight=this.currentStreamRight();this.suppressNextValuesAnimation=true;this.data=nextData;this.categories=nextCategories;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.data=nextData;this.categories=nextCategories}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamLeft(){if(this.animator.has(STREAM_KEY)&&this.streamFromLeft){return lerpStreamWindow(this.streamFromLeft,this.targetLeftValues(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetLeftValues()}currentStreamRight(){if(this.animator.has(STREAM_KEY)&&this.streamFromRight){return lerpStreamWindow(this.streamFromRight,this.targetRightValues(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetRightValues()}streamLeft(){if(this.animator.has(STREAM_KEY)&&this.streamFromLeft){return lerpStreamWindow(this.streamFromLeft,this.targetLeftValues(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return null}streamRight(){if(this.animator.has(STREAM_KEY)&&this.streamFromRight){return lerpStreamWindow(this.streamFromRight,this.targetRightValues(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return null}detailFor(layout,index,side,cssX,cssY){const item=layout.model.items[index];const seriesIndex=side==="left"?0:1;return{categoryIndex:index,seriesIndex,seriesName:this.seriesName(seriesIndex),index,category:item.category,side,value:side==="left"?item.left:item.right,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}tornadoHitAtPoint(layout,hit){return this.tornadoHitAtIndex(layout,hit.index,hit.side)}tornadoHitAtIndex(layout,index,side){const i=Math.trunc(index);if(!Number.isFinite(i)||i<0||i>=layout.model.items.length)return null;const item=layout.model.items[i];const bar=layout.bars[i];const cssX=bar?side==="left"?bar.leftRect.x:bar.rightRect.x+bar.rightRect.width:layout.centerX;const cssY=bar?.centerY??layout.plot.y;return{index:i,seriesIndex:side==="left"?0:1,seriesName:this.seriesName(side==="left"?0:1),side,category:item.category,left:item.left,right:item.right,value:side==="left"?item.left:item.right,cssX,cssY}}srSummary(model){if(model.items.length===0)return"Tornado chart, no data";return`Back-to-back bar chart, ${model.items.length} categories comparing ${this.seriesName(0)} and ${this.seriesName(1)}. Peak magnitude ${Math.round(model.maxMagnitude)}.`}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(layout,hit,tooltipSpec,allowMultiple=false){const pointCssX=hit.cssX;const pointCssY=hit.cssY;const dataX=hit.index;const dataY=hit.value;const context={seriesIndex:hit.seriesIndex,pointIndex:hit.index,index:hit.index,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({index:hit.index,categoryIndex:hit.index,seriesIndex:hit.seriesIndex,seriesName:hit.seriesName,category:hit.category,side:hit.side,value:hit.value,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category} — ${this.seriesName(0)}: ${formatNumber(hit.left)} / ${this.seriesName(1)}: ${formatNumber(hit.right)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-tornado-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tooltipClassName("sy-tornado-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTooltipConnector(){const tooltips=this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-tornado-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`${hit.side==="left"?0:1}:${hit.index}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const samePoint=tooltip.context.pointIndex===hit.index&&(tooltip.context.seriesIndex??0)===(hit.side==="left"?0:1);if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeTornadoLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const hit=tornadoBarAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit){if(this.hoverKey!==null){this.hoverKey=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}const key=`${hit.index}:${hit.side}`;if(key!==this.hoverKey){this.hoverKey=key;this.pointHover.emit(this.detailFor(layout,hit.index,hit.side,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const tooltipHit=this.tornadoHitAtPoint(layout,hit);if(tooltipHit)this.showTooltipForHit(layout,tooltipHit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverKey!==null)this.pointHover.emit(null);this.hoverKey=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const bands=layout.bars.map((bar,i)=>({pos:bar.centerY,index:i}));const points=layout.bars.flatMap((bar,i)=>[{cssX:bar.leftRect.x,cssY:bar.centerY,index:i},{cssX:bar.rightRect.x+bar.rightRect.width,cssY:bar.centerY,index:i}]);const snap=snapCategoryCrosshair(cssX,cssY,plot,"y",bands,points,spec.snap);if(!this.cursor||this.cursor.cssX!==snap.cssX||this.cursor.cssY!==snap.cssY){this.cursor={cssX:snap.cssX,cssY:snap.cssY};this.crosshairMove.emit({cssX:snap.cssX,cssY:snap.cssY,snappedPointIndex:snap.index})}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-tornado-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-tornado-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-tornado-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{const layout=this.computeTornadoLayout();const{cssX,cssY}=this.localPoint(event);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;const hit=tornadoBarAtPoint(layout.model,layout.plot,cssX,cssY);const bar=hit?layout.bars[hit.index]??null:null;const onBar=hit!==null&&bar!==null&&(hit.side==="left"?cssX>=bar.leftRect.x:cssX<=bar.rightRect.x+bar.rightRect.width);if(!hit||!onBar){if(this.hasVisibleTooltips())this.clearTooltips();if(inside)this.seriesOutsideClick.emit({cssX,cssY});return}this.pointClick.emit(this.detailFor(layout,hit.index,hit.side,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const tooltipHit=this.tornadoHitAtPoint(layout,hit);if(tooltipHit)this.showTooltipForHit(layout,tooltipHit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computeTornadoLayout();const{cssX,cssY}=this.localPoint(event);const hit=tornadoBarAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit)return;this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"tornado",this.detailFor(layout,hit.index,hit.side,cssX,cssY)))};render(){const pick=pickTornadoEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeTornadoLayout();const revealing=this.animator.has(REVEAL_KEY)&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromBars!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;this.lastRenderResult={points:layout.bars.length*2,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const cx=layout.centerX;const[left,right]=resolvePairColors(this.color,["#2563eb","#ec4899"]);const animW=new Map;for(const bar of layout.bars){let leftW=bar.leftRect.width;let rightW=bar.rightRect.width;if(morphing){const from=this.morphFromBars.get(bar.index);if(from){leftW=from.leftW+(bar.leftRect.width-from.leftW)*morph;rightW=from.rightW+(bar.rightRect.width-from.rightW)*morph}}else if(revealing){leftW=bar.leftRect.width*reveal;rightW=bar.rightRect.width*reveal}animW.set(bar.index,{leftW,rightW})}this.displayedBars=animW;return h(Host,{key:"8053f2bfe4080c92915d58dcbcf0853242ed4ff6",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"img","aria-label":this.chartTitle??"Back-to-back bar chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{key:"03a20c3a6f7d3ea063e1aa1c68312d7a15ec979a",class:"sy-tornado-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},h("g",{key:"4c33d54151403678832af0f259a8c9dbf84d42a5",class:"sy-tornado-chart__bars"},layout.bars.map(bar=>{const{leftW:lW,rightW:rW}=animW.get(bar.index);const leftActive=this.hoverKey===`${bar.index}:left`;const rightActive=this.hoverKey===`${bar.index}:right`;return[h("rect",{key:`l-${bar.index}`,class:"sy-tornado-chart__bar sy-tornado-chart__bar--left",x:round2(cx-lW),y:round2(bar.leftRect.y),width:round2(lW),height:round2(bar.leftRect.height),fill:left,opacity:this.hoverKey===null||leftActive?1:.7}),h("rect",{key:`r-${bar.index}`,class:"sy-tornado-chart__bar sy-tornado-chart__bar--right",x:round2(cx),y:round2(bar.rightRect.y),width:round2(rW),height:round2(bar.rightRect.height),fill:right,opacity:this.hoverKey===null||rightActive?1:.7})]}))),this.renderCrosshair(layout),this.renderLegend(layout,left,right),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"dea15f0fd160a2519073b3eb62d8a9c1b6155ce5",class:"sy-tornado-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"a6aa60f2ae0ac6d87d79c3fce47c22be0d7cb01c",class:"sy-tornado-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderAxisOverlay(layout){const{frame,outer,plot,centerX}=layout;const tickLabel=t=>t.label??String(t.value);return h("div",{class:"sy-tornado-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},frame.titleRect&&this.chartTitle&&h("div",{class:"sy-tornado-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-tornado-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.xGridLines.map(line=>h("div",{class:"sy-tornado-chart__grid-line",style:{position:"absolute",left:`${outer.x+line.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),frame.xTicks.map(t=>h("div",{class:"sy-tornado-chart__axis-label sy-tornado-chart__axis-label--x",style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${plot.y+plot.height+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),(()=>{const labels=layout.bars.map(bar=>bar.category);const centers=layout.bars.map(bar=>bar.centerY);const decl=resolveAutoAxisLabels({labels,centers,orientation:"left",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return layout.bars.map((bar,i)=>{if(!decl.visible[i])return null;const rotate=decl.rotationDeg>0?{transform:`rotate(${decl.rotationDeg}deg)`,transformOrigin:"right center"}:{};return h("div",{class:"sy-tornado-chart__cat-label",style:{position:"absolute",left:`${outer.x}px`,top:`${bar.centerY-8}px`,width:`${plot.x-outer.x-6}px`,textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...rotate}},bar.category)})})(),h("div",{class:"sy-tornado-chart__axis-line",style:{position:"absolute",left:`${centerX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),h("div",{class:"sy-tornado-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y+plot.height}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(layout,left,right){const{plot}=layout;return h("div",{class:"sy-tornado-chart__legend",style:{position:"absolute",left:`${plot.x}px`,top:"5px",width:`${plot.width}px`,height:"18px",display:"flex",gap:"18px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"none"}},h("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"}},h("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:left}}),this.seriesName(0)),h("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"}},h("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:right}}),this.seriesName(1)))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"tornado"})}static get watchers(){return{"data":[{"handleValuesChange":0}],"groups":[{"handleValuesChange":0}],"leftValues":[{"handleValuesChange":0}],"rightValues":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"leftLabel":[{"handleVisualChange":0}],"rightLabel":[{"handleVisualChange":0}],"barPadding":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}],"tooltip":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}]}}};function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}SyTornadoChart.style=syTornadoChartCss();export{SyTornadoChart as sy_tornado_chart};

package/dist/esm/sy-variwide-chart.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{s as safeChartFormatter,r as reportChartFormatterError}from"./safe-formatter-DO6vGxJP.js";import{n as normalizeUnavailableBehaviour,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{C as ChartStreamingGate,c as chartStreamingInput,a as applyPlainStreamOp,p as plainStreamFrame}from"./chart-streaming-gate-CXnkXyxT.js";import{a as computeCartesianFrame,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{r as resolveAutoAxisLabels,s as snapCategoryCrosshair}from"./auto-labels-DYKIyOfR.js";import{c as capStreamDuration,l as lerpStreamWindow}from"./stream-interp-DTZUbymc.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,r as resolveCartesianTooltipSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{r as resolveSingleColor}from"./resolve-CitzwxIw.js";import{d as discretize,c as categorical}from"./scheme-BwtrZuf8.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{s as standardOnlyEngineStatus}from"./standard-engine-status-mIwM2Z1u.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./zoom-window-D6sPnRDQ.js";import"./brand-mark-default-AzDRbG7D.js";function toFiniteOrNull(value){return typeof value==="number"&&Number.isFinite(value)?value:null}function toWeight(value){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:0}function computeVariwideModel(values,weights,categories,options={}){const n=Math.max(values.length,weights.length);const items=[];for(let i=0;i<n;i++){items.push({index:i,sourceIndex:i,category:categories?.[i]??String(i+1),value:toFiniteOrNull(values[i]),weight:toWeight(weights[i]),color:options.colors?.[i]})}if(options.sortDescending){items.sort((a,b)=>(b.value??-Infinity)-(a.value??-Infinity)||a.sourceIndex-b.sourceIndex);items.forEach((item,i)=>{item.index=i})}let maxValue=0;let minValue=0;let sawFinite=false;let totalWeight=0;for(const item of items){totalWeight+=item.weight;if(item.value===null)continue;if(!sawFinite){maxValue=item.value;minValue=Math.min(0,item.value);sawFinite=true}else{maxValue=Math.max(maxValue,item.value);minValue=Math.min(minValue,item.value)}}return{items,totalWeight,maxValue:sawFinite?maxValue:0,minValue:sawFinite?minValue:0}}function variwideColumns(model,plot,valueY,baselineY,gap=.04){const total=model.totalWeight>0?model.totalWeight:model.items.length||1;const pad=Math.max(0,Math.min(.45,gap));const out=[];let cursor=0;for(const item of model.items){const slotW=(model.totalWeight>0?item.weight:1)/total*plot.width;const slotX=plot.x+cursor;cursor+=slotW;if(item.value===null)continue;const padPx=slotW*pad;const x=slotX+padPx/2;const width=Math.max(0,slotW-padPx);const valueYPx=valueY(item.value);const top=Math.min(valueYPx,baselineY);const bottom=Math.max(valueYPx,baselineY);out.push({index:item.index,category:item.category,value:item.value,weight:item.weight,color:item.color,rect:{x,y:top,width,height:Math.max(0,bottom-top)},centerX:slotX+slotW/2})}return out}function variwideColumnAtPoint(model,plot,cssX,cssY){if(model.items.length===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const total=model.totalWeight>0?model.totalWeight:model.items.length||1;let cursor=plot.x;for(const item of model.items){const slotW=(model.totalWeight>0?item.weight:1)/total*plot.width;if(cssX>=cursor&&cssX<=cursor+slotW)return item.index;cursor+=slotW}return Math.max(0,model.items.length-1)}function pickVariwideEngine(options){if(options.requested==="pro"){const reason="no GPU variwide renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-variwide-chart: Pro engine is unavailable — no GPU variwide renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-variwide-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyVariwideEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createVariwideAnimator(){const entries=new Map;function elapsed(e,now){if(e.startedAt<0)return e.pausedElapsed;if(e.paused)return e.pausedElapsed;return Math.max(0,now-e.startedAt+e.pausedElapsed)}function rawProgress(e,now){if(e.duration<=0)return 1;return clamp01(elapsed(e,now)/e.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const e=entries.get(key);if(!e)return void 0;if(e.startedAt<0&&!e.paused)e.startedAt=now;return applyVariwideEasing(rawProgress(e,now),e.easing)},has(key){return entries.has(key)},isActive(key,now){const e=entries.get(key);if(!e)return false;if(e.paused)return true;return rawProgress(e,now)<1},tick(now){const done=[];for(const[key,e]of entries){if(e.startedAt<0&&!e.paused)e.startedAt=now;if(e.paused)continue;if(rawProgress(e,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const e of entries.values()){if(e.paused)continue;if(e.startedAt>=0)e.pausedElapsed+=now-e.startedAt;e.paused=true}},resumeAll(now){for(const e of entries.values()){if(!e.paused)continue;e.startedAt=now;e.paused=false}},hasActive(){for(const e of entries.values())if(!e.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}function createVariwideStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function toDatum(input){if(input&&typeof input==="object"&&typeof input.value==="number"&&Number.isFinite(input.value)&&typeof input.weight==="number"&&Number.isFinite(input.weight)){return{category:input.category,value:input.value,weight:input.weight,color:input.color}}return void 0}const syVariwideChartCss=()=>`.sc-sy-variwide-chart-h{display:inline-block;position:relative}.sy-variwide-chart__surface.sc-sy-variwide-chart{display:block}.sy-variwide-chart__column.sc-sy-variwide-chart{transition:opacity 120ms ease}.sy-variwide-chart__tooltip.sc-sy-variwide-chart{pointer-events:none}.sy-variwide-chart__sr-only.sc-sy-variwide-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-variwide-chart__watermark.sc-sy-variwide-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}function niceUpper(max){if(!Number.isFinite(max)||max<=0)return 1;const target=max*1.05;const exp=Math.floor(Math.log10(target));const base=Math.pow(10,exp);for(const m of[1,1.5,2,2.5,3,4,5,6,8,10])if(m*base>=target)return m*base;return 10*base}const SyVariwideChart=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",7);this.pointClick=createEvent(this,"pointClick",7);this.pointHover=createEvent(this,"pointHover",7);this.crosshairMove=createEvent(this,"crosshairMove",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.tooltipShow=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.seriesOutsideClick=createEvent(this,"seriesOutsideClick",7);this.appended=createEvent(this,"appended",7);this.windowSlid=createEvent(this,"windowSlid",7);this.chartAnimationStart=createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=createEvent(this,"chartAnimationInterrupted",7)}get host(){return getElement(this)}data=[];values=new Float32Array(0);weights=new Float32Array(0);categories;width=640;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";colorful=false;columnGap=.04;baseline=0;sortDescending=false;valueAxisLabel;xAxis;yAxis;xLabelMode;xLabelRotation;xLabelMaxCount;gridLines;crosshair;chartTitle;chartSubtitle;tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createVariwideAnimator();animationFrameHandle=null;morphActive=false;displayedTops=new Map;morphFromTops;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromValue;streamFromWeight;lastStreamTime;firstRender=true;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data,weights){this.data=weights===void 0?Array.isArray(data)?data:[]:this.legacyRowsFromValues(data,weights)}async appendPoint(datum){await this.streamOrPlain("appendPoint",{type:"push",datum},()=>this.ensureInternalStreamSource()?.push(datum))}async appendBatch(data){await this.streamOrPlain("appendBatch",{type:"pushBatch",data},()=>this.ensureInternalStreamSource()?.pushBatch(data))}async shift(count){await this.streamOrPlain("shift",{type:"shift",count},()=>this.activeStreamSource()?.shift(count))}async replace(data){await this.streamOrPlain("replace",{type:"replace",data},()=>this.ensureInternalStreamSource()?.replace(data))}async getStreamSource(){return this.streamLicense.run("getStreamSource",route=>route==="stream"?this.activeStreamSource():void 0,this.displayedStreamSource()!==void 0)}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeVariwideLayout();const index=variwideColumnAtPoint(layout.model,layout.plot,cssX,cssY);if(index<0)return null;return this.detailForIndex(layout,index,cssX,cssY)}async showTooltipAtPoint(index){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeVariwideLayout();const hit=this.variwideHitAtIndex(layout,index);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverIndex=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}hasDataRows(){return Array.isArray(this.data)&&this.data.length>0}legacyRowsFromValues(values,weights){const valueLength=values?.length??0;const weightLength=weights?.length??0;const categoryLength=this.categories?.length??0;const count=Math.max(valueLength,weightLength,categoryLength);const rows=[];for(let i=0;i<count;i++){rows.push({category:this.categories?.[i]??String(i+1),value:values?.[i],weight:weights?.[i]})}return rows}targetRows(){return this.hasDataRows()?this.data:this.legacyRowsFromValues(this.values,this.weights)}targetValues(){return this.targetRows().map(row=>row.value)}targetWeights(){return this.targetRows().map(row=>row.weight)}targetCategories(){return this.targetRows().map((row,index)=>row.category??String(index+1))}targetColors(){return this.targetRows().map(row=>typeof row.color==="string"&&row.color.trim()?row.color:void 0)}targetValuesFloat(){return Float32Array.from(this.targetRows(),row=>{const v=row.value;return typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:Number.NaN})}targetWeightsFloat(){return Float32Array.from(this.targetRows(),row=>{const w=row.weight;return typeof w==="bigint"?Number(w):typeof w==="number"&&Number.isFinite(w)?w:Number.NaN})}computeVariwideLayout(){const model=computeVariwideModel(this.streamValues(),this.streamWeights(),this.targetCategories(),{sortDescending:this.sortDescending&&!this.isStreaming(),colors:this.targetColors()});const baseline=Number.isFinite(this.baseline)?this.baseline:0;const valueMax=niceUpper(Math.max(model.maxValue,baseline,1));const valueMin=Math.min(0,baseline,model.minValue);const leftGutterEst=52+(this.valueAxisLabel?24:0);const plotXEst=leftGutterEst;const plotWidthEst=Math.max(1,this.width-leftGutterEst-4);const total=model.totalWeight>0?model.totalWeight:model.items.length||1;const estColumns=model.items.filter(it=>it.value!==null);let cursorEst=plotXEst;const estCenters=[];for(const it of model.items){const slotW=(model.totalWeight>0?it.weight:1)/total*plotWidthEst;if(it.value!==null)estCenters.push(cursorEst+slotW/2);cursorEst+=slotW}const declEst=this.resolveLabelDecl(estColumns.map(it=>it.category),estCenters,[plotXEst,plotXEst+plotWidthEst]);const labelBand=declEst.rotationDeg>0?54:22;const outer={x:0,y:0,width:this.width,height:Math.max(1,this.height-labelBand)};const axes=resolveCartesianAxesSpec(this.resolveXAxisInput(model.items.map(it=>it.category)),this.resolveYAxisInput());const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,model.items.length-.5)},yExtent:{min:valueMin,max:valueMax},requiredTicks:{y:baseline,includeGridLines:false}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const valueY=value=>outer.y+frame.yScale(value);const baselineY=valueY(baseline);const columns=variwideColumns(model,plot,valueY,baselineY,this.columnGap);const labelDecl=this.resolveLabelDecl(columns.map(c=>c.category),columns.map(c=>c.centerX),[plot.x,plot.x+plot.width]);return{model,outer,plot,frame,valueY,baselineY,columns,labelDecl}}resolveLabelDecl(labels,centers,range){return resolveAutoAxisLabels({labels,centers,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount})}resolveXAxisInput(categories){const base={kind:"category",position:"bottom",show:false,categories};if(this.xAxis&&typeof this.xAxis==="object")return{...base,...this.xAxis,categories};return base}resolveYAxisInput(){const base={kind:"linear",position:"left",show:true,label:this.valueAxisLabel};if(this.yAxis&&typeof this.yAxis==="object")return{...base,...this.yAxis};if(this.yAxis===false||this.yAxis==="off")return{...base,show:false};return base}columnColor(col){if(typeof col.color==="string"&&col.color.trim())return col.color;const single=resolveSingleColor(this.color,"#2563eb");if(!this.colorful)return single;const scheme=categorical.tableau10;const palette=discretize(scheme,Math.max(scheme.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`);return palette[col.index%palette.length]??single}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=false;this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=true;this.animator.clear();this.morphFromTops=new Map(this.displayedTops);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.morphActive=false;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createVariwideStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const out=[];this.targetRows().forEach((row,i)=>{const v=row.value;const w=row.weight;const value=typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:null;const weight=typeof w==="bigint"?Number(w):typeof w==="number"&&Number.isFinite(w)?w:null;if(value!==null&&weight!==null){out.push({category:row.category??String(i+1),value,weight,color:row.color})}});return out}coerceStreamCapacity(){if(typeof this.streamMax==="number"&&Number.isFinite(this.streamMax)&&this.streamMax>0)return Math.floor(this.streamMax);if(typeof this.streamWindow==="number"&&Number.isFinite(this.streamWindow)&&this.streamWindow>0)return Math.floor(this.streamWindow)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const current=this.valuesAsData().map(d=>toDatum(d)).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenData=this.data;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.data!==this.streamFrozenData&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenData=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const nextData=snapshot.map((d,i)=>({category:d.category??String(i+1),value:d.value,weight:d.weight,color:d.color}));const animate=this.shouldAnimate()&&this.targetRows().length>0&&nextData.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromValue=this.currentStreamValues();this.streamFromWeight=this.currentStreamWeights();this.suppressNextValuesAnimation=true;this.data=nextData;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.data=nextData}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamValues(){if(this.animator.has(STREAM_KEY)&&this.streamFromValue){return lerpStreamWindow(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetValuesFloat()}currentStreamWeights(){if(this.animator.has(STREAM_KEY)&&this.streamFromWeight){return lerpStreamWindow(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetWeightsFloat()}streamValues(){if(this.animator.has(STREAM_KEY)&&this.streamFromValue){return lerpStreamWindow(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetValues()}streamWeights(){if(this.animator.has(STREAM_KEY)&&this.streamFromWeight){return lerpStreamWindow(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.targetWeights()}isStreaming(){return this.displayedStreamSource()!=null}detailForIndex(layout,index,cssX,cssY){const item=layout.model.items[index];return{index,category:item.category,value:item.value??0,weight:item.weight,color:item.color,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}variwideHitAtIndex(layout,index){const i=Math.trunc(index);if(!Number.isFinite(i)||i<0||i>=layout.model.items.length)return null;const item=layout.model.items[i];if(item.value===null)return null;const col=layout.columns.find(cc=>cc.index===i);const cssX=col?.centerX??layout.plot.x;const cssY=col?.rect.y??layout.plot.y;return{index:i,value:item.value,weight:item.weight,category:item.category,color:item.color,cssX,cssY}}srSummary(model){const finite=model.items.filter(it=>it.value!==null);if(finite.length===0)return"Variwide chart, no data";return`Variwide chart, ${finite.length} categories, column widths weighted by a second metric (total weight ${Math.round(model.totalWeight)}).`}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(layout,hit,tooltipSpec,allowMultiple=false){const pointCssX=hit.cssX;const pointCssY=hit.cssY;const dataX=hit.index;const dataY=hit.value;const context={seriesIndex:0,pointIndex:hit.index,index:hit.index,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({index:hit.index,category:hit.category,value:hit.value,weight:hit.weight,color:hit.color,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category}: ${formatNumber(hit.value)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-variwide-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tooltipClassName("sy-variwide-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTooltipConnector(){const tooltips=this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-variwide-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`0:${hit.index}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const samePoint=tooltip.context.pointIndex===hit.index;if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeVariwideLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const index=variwideColumnAtPoint(layout.model,layout.plot,cssX,cssY);if(index<0||layout.model.items[index].value===null){if(this.hoverIndex!==null){this.hoverIndex=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}if(index!==this.hoverIndex){this.hoverIndex=index;this.pointHover.emit(this.detailForIndex(layout,index,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const hit=this.variwideHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverIndex!==null)this.pointHover.emit(null);this.hoverIndex=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};handlePointerClick=event=>{const layout=this.computeVariwideLayout();const{cssX,cssY}=this.localPoint(event);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;const index=variwideColumnAtPoint(layout.model,layout.plot,cssX,cssY);const col=index>=0?layout.columns.find(cc=>cc.index===index)??null:null;if(index<0||layout.model.items[index].value===null||col!==null&&cssY<col.rect.y){if(this.hasVisibleTooltips())this.clearTooltips();if(inside)this.seriesOutsideClick.emit({cssX,cssY});return}this.pointClick.emit(this.detailForIndex(layout,index,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const hit=this.variwideHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computeVariwideLayout();const{cssX,cssY}=this.localPoint(event);const index=variwideColumnAtPoint(layout.model,layout.plot,cssX,cssY);if(index<0||layout.model.items[index].value===null)return;this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"variwide",this.detailForIndex(layout,index,cssX,cssY)))};updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const bands=layout.columns.map(col=>({pos:col.centerX,index:col.index}));const points=layout.columns.map(col=>({cssX:col.centerX,cssY:col.rect.y,index:col.index}));const snap=snapCategoryCrosshair(cssX,cssY,plot,"x",bands,points,spec.snap);if(!this.cursor||this.cursor.cssX!==snap.cssX||this.cursor.cssY!==snap.cssY){this.cursor={cssX:snap.cssX,cssY:snap.cssY};this.crosshairMove.emit({cssX:snap.cssX,cssY:snap.cssY,snappedPointIndex:snap.index})}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-variwide-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-variwide-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-variwide-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}render(){const pick=pickVariwideEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeVariwideLayout();const revealing=this.animator.has(REVEAL_KEY)&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromTops!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const animTop=new Map;for(const col of layout.columns){let top=col.rect.y;if(morphing){const from=this.morphFromTops.get(col.index);if(from!==void 0)top=from+(col.rect.y-from)*morph}else if(revealing){top=layout.baselineY-(layout.baselineY-col.rect.y)*reveal}animTop.set(col.index,top)}this.displayedTops=animTop;this.lastRenderResult={points:layout.columns.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);return h(Host,{key:"164db779622fd279a485a2f1924119cb9655bebd",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"img","aria-label":this.chartTitle??"Variwide chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{key:"0c4068d0e2faa54dc5b7f293a2be348a41434bc8",class:"sy-variwide-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},h("g",{key:"2060cda142800c306ca0850c64945dc8bd8c1469",class:"sy-variwide-chart__columns"},layout.columns.map(col=>{const y=animTop.get(col.index)??col.rect.y;const barH=layout.baselineY-y;const active=this.hoverIndex===col.index;return h("rect",{key:`col-${col.index}`,class:{"sy-variwide-chart__column":true,"sy-variwide-chart__column--active":active},x:round2(col.rect.x),y:round2(y),width:round2(col.rect.width),height:round2(Math.max(0,barH)),fill:this.columnColor(col),opacity:this.hoverIndex===null||active?1:.78})})),h("g",{key:"8840bf77e588aab8668081fbbd4130ca35d1167f",class:"sy-variwide-chart__labels"},layout.columns.map((col,i)=>{if(!layout.labelDecl.visible[i])return null;const rot=layout.labelDecl.rotationDeg;const labelY=layout.plot.y+layout.plot.height+(rot>0?10:14);if(rot>0){return h("text",{key:`lbl-${col.index}`,class:"sy-variwide-chart__col-label",x:round2(col.centerX),y:round2(labelY),"text-anchor":"end",transform:`rotate(${round2(-rot)} ${round2(col.centerX)} ${round2(labelY)})`,style:{fontSize:"11px",fill:"var(--sy-axis-color, #111827)"}},col.category)}return h("text",{key:`lbl-${col.index}`,class:"sy-variwide-chart__col-label",x:round2(col.centerX),y:round2(labelY),"text-anchor":"middle",style:{fontSize:"11px",fill:"var(--sy-axis-color, #111827)"}},col.category)}))),this.renderCrosshair(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"7aab9e6a8989a0364ecb4fa255e9c71e6ff28393",class:"sy-variwide-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"eb64ea2f7fb9b89be271c05fb6c61f7fd1c65c36",class:"sy-variwide-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??String(t.value);return h("div",{class:"sy-variwide-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},frame.titleRect&&this.chartTitle&&h("div",{class:"sy-variwide-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-variwide-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.yGridLines.map(line=>h("div",{class:"sy-variwide-chart__grid-line",style:{position:"absolute",left:`${plot.x}px`,top:`${outer.y+line.y}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),frame.yTicks.map(t=>h("div",{class:"sy-variwide-chart__axis-label sy-variwide-chart__axis-label--y",style:{position:"absolute",left:`${plot.x-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),h("div",{class:"sy-variwide-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y+plot.height}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),h("div",{class:"sy-variwide-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),this.valueAxisLabel&&h("div",{class:"sy-variwide-chart__axis-title",style:{position:"absolute",left:`${plot.x-68}px`,top:`${plot.y+plot.height/2}px`,width:`${plot.height}px`,transform:"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},this.valueAxisLabel))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"variwide"})}static get watchers(){return{"data":[{"handleValuesChange":0}],"values":[{"handleValuesChange":0}],"weights":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"colorful":[{"handleVisualChange":0}],"columnGap":[{"handleVisualChange":0}],"baseline":[{"handleVisualChange":0}],"sortDescending":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"xAxis":[{"handleVisualChange":0}],"yAxis":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}]}}};function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}SyVariwideChart.style=syVariwideChartCss();export{SyVariwideChart as sy_variwide_chart};

package/dist/esm/sy-visual-map.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{a as dataZoomTrackFor,b as dataZoomSpanForPixels,c as dragDataZoomWindow,f as applyDataZoomKeyAction,D as DATA_ZOOM_TRACK_PAD,k as keyboardDataZoomAction,j as dataZoomTrackPixel}from"./data-zoom-model-C76mzN9Y.js";import{w as whenVisualMapTargetDefined,f as visualMapExtentsEqual,d as visualMapSizeFn,v as visualMapColorFn,r as resolveVisualMapTarget,t as toggleVisualMapPiece,g as resolvePiecewiseVisualMap,h as createPiecewiseVisualMapPalette,n as normalizeVisualMapSelection,i as resolveContinuousVisualMap,j as visualMapGradientStops,k as createVisualMapPalette,l as resolveVisualMapRange,m as isFullVisualMapRange,o as visualMapRangesEqual,p as formatVisualMapValue}from"./visual-map-binding-DiSr3bTW.js";import"./zoom-window-D6sPnRDQ.js";import"./parse-EXuVQfpl.js";import"./scheme-BwtrZuf8.js";const syVisualMapCss=()=>`.sy-visual-map{vertical-align:top;border-radius:4px;overflow:visible}.sy-visual-map:focus-visible{outline:2px solid var(--sy-visual-map-accent, #2563eb);outline-offset:2px}.sy-visual-map__svg{display:block;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none}.sy-visual-map__bar{stroke:var(--sy-visual-map-border, #e2e8f0)}.sy-visual-map__mask{fill:var(--sy-visual-map-mask, rgba(255, 255, 255, 0.72));pointer-events:none}.sy-visual-map__window{fill:rgba(0,0,0,0);stroke:none}.sy-visual-map__handle{fill:var(--sy-visual-map-accent, #2563eb)}.sy-visual-map__handle-hit{fill:rgba(0,0,0,0);stroke:none}.sy-visual-map__handle-grip{fill:none;stroke:var(--sy-visual-map-grip, rgba(255, 255, 255, 0.85));stroke-width:1;pointer-events:none}.sy-visual-map__handle-group:hover .sy-visual-map__handle,.sy-visual-map--dragging-handle-min .sy-visual-map__handle-group[data-edge=min] .sy-visual-map__handle,.sy-visual-map--dragging-handle-max .sy-visual-map__handle-group[data-edge=max] .sy-visual-map__handle{fill:var(--sy-visual-map-accent-hover, #1d4ed8)}.sy-visual-map--dragging-window .sy-visual-map__svg{cursor:grabbing}.sy-visual-map--dragging-handle-min .sy-visual-map__svg,.sy-visual-map--dragging-handle-max .sy-visual-map__svg{cursor:ew-resize}.sy-visual-map--vertical.sy-visual-map--dragging-handle-min .sy-visual-map__svg,.sy-visual-map--vertical.sy-visual-map--dragging-handle-max .sy-visual-map__svg{cursor:ns-resize}.sy-visual-map__label{fill:var(--sy-visual-map-label, #475569);font:11px/1 var(--font-family, system-ui, -apple-system, "Segoe UI", sans-serif);pointer-events:none}.sy-visual-map__label--handle{paint-order:stroke;stroke:var(--sy-visual-map-label-halo, rgba(255, 255, 255, 0.9));stroke-width:3px;stroke-linejoin:round}.sy-visual-map--disabled .sy-visual-map__svg{opacity:.6}.sy-visual-map__pieces{display:flex;gap:4px 12px;align-items:flex-start}.sy-visual-map__pieces--horizontal{flex-direction:row;flex-wrap:wrap}.sy-visual-map__pieces--vertical{flex-direction:column}.sy-visual-map__piece{display:inline-flex;align-items:center;gap:6px;margin:0;padding:2px 4px;border:0;border-radius:4px;background:rgba(0,0,0,0);color:var(--sy-visual-map-label, #475569);font:12px/1.2 var(--font-family, system-ui, -apple-system, "Segoe UI", sans-serif);cursor:pointer}.sy-visual-map__piece:hover{background:var(--sy-visual-map-piece-hover, rgba(37, 99, 235, 0.08))}.sy-visual-map__piece:focus-visible{outline:2px solid var(--sy-visual-map-accent, #2563eb);outline-offset:1px}.sy-visual-map__piece:disabled{cursor:default;opacity:.6}.sy-visual-map__piece-swatch{display:inline-block;flex:none;border:1px solid var(--sy-visual-map-border, #e2e8f0);border-radius:3px}.sy-visual-map__size-circle{stroke:var(--sy-visual-map-border, #e2e8f0);stroke-width:.5}.sy-visual-map__size-label{font-size:10px}.sy-visual-map__piece-swatch--sized{border-radius:50%}.sy-visual-map__piece--unselected .sy-visual-map__piece-label{color:var(--sy-visual-map-label-muted, #5b6b80);text-decoration:line-through}`;const TRACK_PAD=DATA_ZOOM_TRACK_PAD;const HANDLE_SIZE=6;const HANDLE_HIT_PAD=6;const LABEL_GAP=4;const GRADIENT_SAMPLES=16;const SIZE_TICK_BAR_THICKNESS=12;const SIZE_TICK_GAP=6;function parseSizeRange(input){const pair=typeof input==="string"?input.split(",").map(entry=>Number(entry.trim())):input;if(!pair||pair.length!==2)return null;const[lo,hi]=pair;if(!Number.isFinite(lo)||!Number.isFinite(hi)||lo<0||hi<0)return null;return[lo,hi]}let instanceCounter=0;function parsePieces(input){if(typeof input!=="string")return input;try{const parsed=JSON.parse(input);return Array.isArray(parsed)?parsed:void 0}catch{return void 0}}function parseCategories(input){if(typeof input!=="string")return input;const list=input.split(",").map(entry=>entry.trim()).filter(entry=>entry.length>0);return list.length>0?list:void 0}const SyVisualMap=class{constructor(hostRef){registerInstance(this,hostRef);this.rangeChange=createEvent(this,"rangeChange",7);this.selectionChanged=createEvent(this,"selectionChanged",7)}get host(){return getElement(this)}type="continuous";min;max;for;target;dimension;sizeRange;sizeDimension;outOfRangeSize;pieces;splitNumber=5;categories;selectedMode="multiple";selected;itemWidth=20;itemHeight=14;color;outOfRangeColor="#d1d5db";orientation="horizontal";width=320;height=28;calculable=false;range;precision;format;text;showLabels=true;stepFraction=.1;minRangePx=8;realtime=true;disabled=false;selectedRange=null;dragging=null;pieceSelected=null;autoExtent=null;rangeChange;selectionChanged;gradientId=`sy-visual-map-gradient-${++instanceCounter}`;resolvedCache=null;piecewiseCache=null;drag=null;boundTarget=null;componentWillLoad(){this.adoptRangeProp(false);this.adoptSelectedProp(false)}hasLoaded=false;detached=false;connectedCallback(){this.detached=false;if(!this.hasLoaded)return;this.bindTarget()}componentDidLoad(){this.hasLoaded=true;this.bindTarget()}disconnectedCallback(){this.detached=true;this.drag=null;this.dragging=null;this.unbindTarget()}onTargetChange(){this.bindTarget()}onDimensionChange(){void this.refresh()}onSizeChange(){this.pushBinding()}onRangeProp(){this.adoptRangeProp(true)}onSelectedProp(){this.adoptSelectedProp(true)}onDomainChange(){if(this.selectedRange)this.commit(this.selectedRange,false,"api");else this.pushBinding()}onPiecesChange(){if(this.pieceSelected)this.commitSelection(this.pieceSelected,null,"api");else this.pushBinding()}async refresh(){const target=this.boundTarget;if(!target){if(this.autoExtent)this.autoExtent=null;return}await whenVisualMapTargetDefined(target);if(this.boundTarget!==target)return;if((this.min===void 0||this.max===void 0)&&target.getVisualExtent){const extent=await target.getVisualExtent({dimension:this.dimension})??null;if(this.boundTarget!==target)return;if(!visualMapExtentsEqual(extent,this.autoExtent)){this.autoExtent=extent;if(this.selectedRange){this.commit(this.selectedRange,false,"api");return}}}this.pushBinding()}binding(){const binding={...this.snapshot(),dimension:this.dimension??"value"};const size=this.sizeSpec();if(size)binding.size=size;return binding}sizeSpec(){const range=parseSizeRange(this.sizeRange);if(!range)return null;const spec={range};if(this.sizeDimension)spec.dimension=this.sizeDimension;if(typeof this.outOfRangeSize==="number"&&Number.isFinite(this.outOfRangeSize)&&this.outOfRangeSize>=0)spec.outOfRange=this.outOfRangeSize;return spec}renderSizeTicks(spec,sizeSpec,track,thickness,horizontal,label){const binding=this.binding();const sizeOf=visualMapSizeFn(binding);const colorOf=visualMapColorFn(binding);if(!sizeOf||!colorOf)return null;const hi=Math.max(sizeSpec.range[0],sizeSpec.range[1]);const centre=TRACK_PAD+thickness+SIZE_TICK_GAP+hi;const ticks=[0,.5,1].map(t=>{const value=spec.min+(spec.max-spec.min)*t;return{value,at:track.start+(track.end-track.start)*t,radius:sizeOf(value,0),color:colorOf(value,0)}});return h("g",{class:"sy-visual-map__sizes"},ticks.map(tick=>h("g",{class:"sy-visual-map__size-tick","data-value":tick.value},h("circle",{class:"sy-visual-map__size-circle",cx:horizontal?tick.at:centre,cy:horizontal?centre:tick.at,r:Math.max(.5,tick.radius),fill:tick.color}),h("text",{class:"sy-visual-map__label sy-visual-map__size-label",x:horizontal?tick.at:centre+hi+LABEL_GAP,y:horizontal?centre+hi+12:tick.at+4,"text-anchor":horizontal?"middle":"start"},label(tick.value)))))}pushBinding(){const target=this.boundTarget;if(!target?.setVisualMap)return;void target.setVisualMap(this.binding())}resolveTarget(){const root=this.host.getRootNode();return resolveVisualMapTarget(this.target,this.for,root,typeof document!=="undefined"?document:null)}bindTarget(){if(this.detached)return;const next=this.resolveTarget();if(next!==this.boundTarget){this.unbindTarget();this.boundTarget=next;if(next)next.addEventListener("rendered",this.handleTargetRendered)}void this.refresh()}unbindTarget(){const target=this.boundTarget;if(!target)return;target.removeEventListener("rendered",this.handleTargetRendered);this.boundTarget=null;void target.setVisualMap?.(null)}handleTargetRendered=()=>{if(this.drag)return;if(this.min!==void 0&&this.max!==void 0)return;void this.refreshExtentOnly()};async refreshExtentOnly(){const target=this.boundTarget;if(!target?.getVisualExtent)return;const extent=await target.getVisualExtent({dimension:this.dimension})??null;if(this.boundTarget!==target||visualMapExtentsEqual(extent,this.autoExtent))return;this.autoExtent=extent;if(this.selectedRange)this.commit(this.selectedRange,false,"api");else this.pushBinding()}domainMin(){return this.min??this.autoExtent?.min}domainMax(){return this.max??this.autoExtent?.max}snapshot(){if(this.type==="piecewise")return{...this.piecewise().spec,selected:this.pieceSelected};return{...this.resolved().spec,range:this.selectedRange}}async setRange(range){this.commit(range,false,"api");return this.selectedRange}async getRange(){return this.selectedRange}async setSelected(selected){this.commitSelection(selected,null,"api");return this.pieceSelected}async getSelected(){return this.pieceSelected}async togglePiece(index){const{spec}=this.piecewise();this.commitSelection(toggleVisualMapPiece(this.pieceSelected,index,spec.pieces.length,spec.selectedMode),index,"api");return this.pieceSelected}async getSpec(){return this.snapshot()}async colorAt(value){if(this.type==="piecewise")return this.piecewise().palette.colorAt(value,this.pieceSelected);return this.resolved().palette.colorAt(typeof value==="string"?Number(value):value,this.selectedRange)}piecewise(){const pieces=parsePieces(this.pieces);const categories=parseCategories(this.categories);const min=this.domainMin();const max=this.domainMax();const key=JSON.stringify([min??null,max??null,pieces??null,this.splitNumber,categories??null,this.color??null,this.outOfRangeColor,this.selectedMode,this.precision??null]);const cached=this.piecewiseCache;if(cached&&cached.key===key)return cached;const spec=resolvePiecewiseVisualMap({min,max,pieces,splitNumber:this.splitNumber,categories,color:this.color,outOfRangeColor:this.outOfRangeColor,selectedMode:this.selectedMode,precision:this.precision??null});const next={key,spec,palette:createPiecewiseVisualMapPalette(spec)};this.piecewiseCache=next;return next}adoptSelectedProp(report){const selected=this.selected;if(selected===void 0)return;if(report){this.commitSelection(selected,null,"api");return}this.pieceSelected=normalizeVisualMapSelection(selected,this.piecewise().spec.pieces.length)}commitSelection(next,index,source){const count=this.piecewise().spec.pieces.length;const normalized=normalizeVisualMapSelection(next,count);const before=this.pieceSelected;const changed=before===null||normalized===null?before!==normalized:before.some((entry,i)=>entry!==normalized[i]);this.pieceSelected=normalized;if(!changed&&source!=="api")return;const selected=[];for(let i=0;i<count;i++)selected.push(normalized?normalized[i]:true);this.selectionChanged.emit({selected,index,source});this.pushBinding()}onPieceClick(index){if(this.disabled)return;const{spec}=this.piecewise();this.commitSelection(toggleVisualMapPiece(this.pieceSelected,index,spec.pieces.length,spec.selectedMode),index,"control")}resolved(){const min=this.domainMin();const max=this.domainMax();const key=JSON.stringify([min??null,max??null,this.color??null,this.outOfRangeColor,this.calculable,this.precision??null]);const cached=this.resolvedCache;if(cached&&cached.key===key)return cached;const spec=resolveContinuousVisualMap({min,max,color:this.color,outOfRangeColor:this.outOfRangeColor,calculable:this.calculable,precision:this.precision??null});const next={key,spec,palette:createVisualMapPalette(spec),gradient:visualMapGradientStops(spec,GRADIENT_SAMPLES)};this.resolvedCache=next;return next}adoptRangeProp(report){const range=this.range;if(range===void 0)return;if(report){this.commit(range,false,"api");return}const spec=this.resolved().spec;const resolved=range?resolveVisualMapRange(range,spec,this.minSpan()):null;this.selectedRange=resolved&&!isFullVisualMapRange(resolved,spec)?resolved:null}axisTrack(){return dataZoomTrackFor(this.orientation,this.width,this.height)}minSpan(){const spec=this.resolved().spec;return dataZoomSpanForPixels(this.minRangePx,spec,this.axisTrack())}fullRange(){const spec=this.resolved().spec;return{min:spec.min,max:spec.max}}axisPx(e){const rect=this.host.getBoundingClientRect();return this.orientation==="horizontal"?e.clientX-rect.left:e.clientY-rect.top}commit(next,live,source){const spec=this.resolved().spec;const resolved=next?resolveVisualMapRange(next,spec,this.minSpan()):null;const range=resolved&&!isFullVisualMapRange(resolved,spec)?resolved:null;const changed=!visualMapRangesEqual(this.selectedRange,range);this.selectedRange=range;if(live&&!this.realtime)return;if(changed||!live){this.rangeChange.emit({range,source,live});this.pushBinding()}}onPartPointerDown(kind,e){if(this.disabled||!this.calculable||e.button!==0)return;e.preventDefault();e.stopPropagation();e.currentTarget?.setPointerCapture?.(e.pointerId);this.drag={kind,pointerId:e.pointerId,startPx:this.axisPx(e),startRange:this.selectedRange??this.fullRange(),moved:false};this.dragging=kind}onPartPointerMove=e=>{const drag=this.drag;if(!drag||drag.pointerId!==e.pointerId)return;const spec=this.resolved().spec;const next=dragDataZoomWindow(drag.kind,drag.startRange,this.axisPx(e)-drag.startPx,spec,this.axisTrack(),this.minSpan());if(!drag.moved&&visualMapRangesEqual(next,drag.startRange))return;drag.moved=true;this.commit(next,true,"control")};onPartPointerUp=e=>{const drag=this.drag;if(!drag||drag.pointerId!==e.pointerId)return;this.drag=null;this.dragging=null;e.currentTarget?.releasePointerCapture?.(e.pointerId);if(drag.moved)this.commit(this.selectedRange,false,"control")};onPartPointerCancel=()=>{const drag=this.drag;this.drag=null;this.dragging=null;if(drag?.moved)this.commit(this.selectedRange,false,"control")};onKeyDown=e=>{if(this.disabled||!this.calculable)return;const action=keyboardDataZoomAction(e);if(!action)return;e.preventDefault();const spec=this.resolved().spec;this.commit(applyDataZoomKeyAction(action,this.selectedRange??this.fullRange(),spec,this.stepFraction,this.minSpan()),false,"control")};renderPiecewise(){const horizontal=this.orientation==="horizontal";const{spec}=this.piecewise();const selected=this.pieceSelected;const items=spec.mode==="categories"?[...spec.pieces]:[...spec.pieces].reverse();const label=value=>formatVisualMapValue(value,spec.precision,this.format);const sizeSpec=this.sizeSpec();const count=spec.pieces.length;const swatchStyle=index=>{if(!sizeSpec)return{width:`${this.itemWidth}px`,height:`${this.itemHeight}px`};const[lo,hi]=sizeSpec.range;const radius=lo+(hi-lo)*(count<=1?.5:index/(count-1));const diameter=`${Math.max(2,2*radius)}px`;return{width:diameter,height:diameter,borderRadius:"50%"}};return h(Host,{class:{"sy-visual-map":true,"sy-visual-map--piecewise":true,"sy-visual-map--vertical":!horizontal,"sy-visual-map--disabled":this.disabled,"sy-visual-map--filtered":selected!==null},style:{position:"relative",display:"inline-block",maxWidth:horizontal?`${this.width}px`:void 0},role:"group","aria-label":`Visual map pieces (${spec.mode}, ${label(spec.min)} to ${label(spec.max)})`,"aria-disabled":this.disabled?"true":void 0,"data-domain":`${spec.min}..${spec.max}`,"data-mode":spec.mode,"data-selected":selected?selected.map(on=>on?"1":"0").join(","):"all"},h("div",{class:{"sy-visual-map__pieces":true,"sy-visual-map__pieces--horizontal":horizontal,"sy-visual-map__pieces--vertical":!horizontal}},items.map(piece=>{const on=!selected||selected[piece.index]!==false;return h("button",{type:"button",class:{"sy-visual-map__piece":true,"sy-visual-map__piece--unselected":!on},"data-index":piece.index,"aria-pressed":on?"true":"false",disabled:this.disabled,onClick:()=>this.onPieceClick(piece.index)},h("span",{class:{"sy-visual-map__piece-swatch":true,"sy-visual-map__piece-swatch--sized":sizeSpec!==null},style:{...swatchStyle(piece.index),background:on?piece.color:spec.outOfRangeColor}}),h("span",{class:"sy-visual-map__piece-label"},piece.label))})))}render(){if(this.type==="piecewise")return this.renderPiecewise();const horizontal=this.orientation==="horizontal";const{spec,gradient}=this.resolved();const track=this.axisTrack();const trackLo=Math.min(track.start,track.end);const trackHi=Math.max(track.start,track.end);const sizeSpec=this.sizeSpec();const thickness=sizeSpec?SIZE_TICK_BAR_THICKNESS:Math.max(4,(horizontal?this.height:this.width)-2*TRACK_PAD);const selected=this.selectedRange;const pxMin=selected?dataZoomTrackPixel(selected.min,spec,track):track.start;const pxMax=selected?dataZoomTrackPixel(selected.max,spec,track):track.end;const label=value=>formatVisualMapValue(value,spec.precision,this.format);const captions=typeof this.text==="string"&&this.text.includes(",")?this.text.split(",").map(part=>part.trim()):null;const minCaption=captions?captions[1]??label(spec.min):label(spec.min);const maxCaption=captions?captions[0]??label(spec.max):label(spec.max);const interactive=this.calculable&&!this.disabled;const handleCursor=!interactive?"default":horizontal?"ew-resize":"ns-resize";const windowCursor=!interactive?"default":this.dragging==="window"?"grabbing":"grab";const centre=TRACK_PAD+thickness/2;const mask=(side,from,to)=>{const lo=Math.min(from,to);const hi=Math.max(from,to);if(hi-lo<.5)return null;return h("rect",{class:"sy-visual-map__mask","data-side":side,x:horizontal?lo:TRACK_PAD,y:horizontal?TRACK_PAD:lo,width:horizontal?hi-lo:thickness,height:horizontal?thickness:hi-lo})};const handle=(edge,at)=>{const gripA=TRACK_PAD+thickness*.3;const gripB=TRACK_PAD+thickness*.7;const grip=horizontal?`M ${(at-1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)} M ${(at+1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)}`:`M ${gripA.toFixed(1)} ${(at-1.5).toFixed(1)} H ${gripB.toFixed(1)} M ${gripA.toFixed(1)} ${(at+1.5).toFixed(1)} H ${gripB.toFixed(1)}`;const kind=edge==="min"?"handle-min":"handle-max";return h("g",{class:"sy-visual-map__handle-group","data-edge":edge,style:{cursor:handleCursor},onPointerDown:e=>this.onPartPointerDown(kind,e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel},h("rect",{class:"sy-visual-map__handle-hit",x:horizontal?at-HANDLE_SIZE/2-HANDLE_HIT_PAD:TRACK_PAD-HANDLE_HIT_PAD,y:horizontal?TRACK_PAD-HANDLE_HIT_PAD:at-HANDLE_SIZE/2-HANDLE_HIT_PAD,width:horizontal?HANDLE_SIZE+2*HANDLE_HIT_PAD:thickness+2*HANDLE_HIT_PAD,height:horizontal?thickness+2*HANDLE_HIT_PAD:HANDLE_SIZE+2*HANDLE_HIT_PAD}),h("rect",{class:"sy-visual-map__handle","data-edge":edge,x:horizontal?at-HANDLE_SIZE/2:TRACK_PAD,y:horizontal?TRACK_PAD:at-HANDLE_SIZE/2,width:horizontal?HANDLE_SIZE:thickness,height:horizontal?thickness:HANDLE_SIZE,rx:2}),h("path",{class:"sy-visual-map__handle-grip",d:grip}))};const endLabel=(edge,caption)=>{const at=edge==="min"?track.start:track.end;return h("text",{class:"sy-visual-map__label sy-visual-map__label--end","data-edge":edge,x:horizontal?edge==="min"?at-LABEL_GAP:at+LABEL_GAP:centre,y:horizontal?centre+4:edge==="min"?at+12:at-LABEL_GAP,"text-anchor":horizontal?edge==="min"?"end":"start":"middle"},caption)};const handleLabel=(edge,at,value)=>h("text",{class:"sy-visual-map__label sy-visual-map__label--handle","data-edge":edge,x:horizontal?edge==="min"?at-HANDLE_SIZE/2-LABEL_GAP:at+HANDLE_SIZE/2+LABEL_GAP:TRACK_PAD+thickness+LABEL_GAP,y:horizontal?centre+4:at+4,"text-anchor":horizontal?edge==="min"?"end":"start":"start"},label(value));const windowLo=Math.min(pxMin,pxMax);const windowHi=Math.max(pxMin,pxMax);return h(Host,{class:{"sy-visual-map":true,"sy-visual-map--vertical":!horizontal,"sy-visual-map--calculable":this.calculable,"sy-visual-map--selected":selected!==null,"sy-visual-map--disabled":this.disabled,"sy-visual-map--dragging":this.dragging!==null,[`sy-visual-map--dragging-${this.dragging??"none"}`]:this.dragging!==null},style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:this.calculable?"slider":"img",tabIndex:interactive?0:void 0,"aria-label":this.calculable?`Visual map range (${horizontal?"horizontal":"vertical"})`:`Visual map ${label(spec.min)} to ${label(spec.max)}`,"aria-orientation":this.calculable?horizontal?"horizontal":"vertical":void 0,"aria-valuemin":this.calculable?spec.min:void 0,"aria-valuemax":this.calculable?spec.max:void 0,"aria-valuenow":this.calculable?((selected??spec).min+(selected??spec).max)/2:void 0,"aria-valuetext":this.calculable?`${label((selected??spec).min)} to ${label((selected??spec).max)}`:void 0,"aria-disabled":this.disabled?"true":void 0,"data-domain":`${spec.min}..${spec.max}`,"data-range":selected?`${selected.min}..${selected.max}`:"full",onKeyDown:this.onKeyDown},h("svg",{class:"sy-visual-map__svg",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},h("defs",null,h("linearGradient",{id:this.gradientId,x1:"0",y1:horizontal?"0":"1",x2:horizontal?"1":"0",y2:"0"},gradient.map(stop=>h("stop",{offset:stop.t,"stop-color":stop.color})))),h("rect",{class:"sy-visual-map__bar",x:horizontal?trackLo:TRACK_PAD,y:horizontal?TRACK_PAD:trackLo,width:horizontal?trackHi-trackLo:thickness,height:horizontal?thickness:trackHi-trackLo,rx:3,fill:`url(#${this.gradientId})`}),selected?mask("min",track.start,pxMin):null,selected?mask("max",pxMax,track.end):null,this.showLabels?endLabel("min",minCaption):null,this.showLabels?endLabel("max",maxCaption):null,sizeSpec?this.renderSizeTicks(spec,sizeSpec,track,thickness,horizontal,label):null,this.calculable?h("g",{class:"sy-visual-map__range"},h("rect",{class:"sy-visual-map__window",x:horizontal?windowLo:TRACK_PAD,y:horizontal?TRACK_PAD:windowLo,width:horizontal?Math.max(1,windowHi-windowLo):thickness,height:horizontal?thickness:Math.max(1,windowHi-windowLo),style:{cursor:windowCursor},onPointerDown:e=>this.onPartPointerDown("window",e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel}),handle("min",pxMin),handle("max",pxMax),this.showLabels&&selected&&(this.dragging!==null||!isFullVisualMapRange(selected,spec))?h("g",{class:"sy-visual-map__handle-labels"},Math.abs(pxMin-track.start)>=1?handleLabel("min",pxMin,selected.min):null,Math.abs(pxMax-track.end)>=1?handleLabel("max",pxMax,selected.max):null):null):null))}static get watchers(){return{"for":[{"onTargetChange":0}],"target":[{"onTargetChange":0}],"dimension":[{"onDimensionChange":0}],"sizeRange":[{"onSizeChange":0}],"sizeDimension":[{"onSizeChange":0}],"outOfRangeSize":[{"onSizeChange":0}],"range":[{"onRangeProp":0}],"selected":[{"onSelectedProp":0}],"min":[{"onDomainChange":0}],"max":[{"onDomainChange":0}],"pieces":[{"onPiecesChange":0}],"categories":[{"onPiecesChange":0}],"splitNumber":[{"onPiecesChange":0}],"type":[{"onPiecesChange":0}]}}};SyVisualMap.style=syVisualMapCss();export{SyVisualMap as sy_visual_map};

package/dist/esm/sy-wafer-correlation.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{c as computeWaferStack}from"./wafer-stack-Bg3YP3SU.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import"./types-x7RF8NVg.js";import"./brand-mark-default-AzDRbG7D.js";function computeWaferCorrelation(wafersA,wafersB,options={}){const metric=options.metric==="mean-value"?"mean-value":"fail-rate";const stackA=computeWaferStack(wafersA,{metric,passBin:options.passBin});const stackB=computeWaferStack(wafersB,{metric,passBin:options.passBin});const byCellA=new Map(stackA.values.map(v=>[`${v.col},${v.row}`,v.value]));const values=[];const pairsA=[];const pairsB=[];let meanDeltaSum=0;let maxAbsDelta=0;let worseCells=0;let betterCells=0;for(const cellB of stackB.values){const key=`${cellB.col},${cellB.row}`;const a=byCellA.get(key);if(a===void 0)continue;const b=cellB.value;const delta=b-a;values.push({col:cellB.col,row:cellB.row,value:delta});pairsA.push(a);pairsB.push(b);meanDeltaSum+=delta;const abs=Math.abs(delta);if(abs>maxAbsDelta)maxAbsDelta=abs;if(delta>0)worseCells+=1;else if(delta<0)betterCells+=1}const n=values.length;let correlation=0;if(n>1){const meanA=pairsA.reduce((s,v)=>s+v,0)/n;const meanB=pairsB.reduce((s,v)=>s+v,0)/n;let cov=0;let varA=0;let varB=0;for(let i=0;i<n;i+=1){const da=pairsA[i]-meanA;const db=pairsB[i]-meanB;cov+=da*db;varA+=da*da;varB+=db*db}correlation=varA>0&&varB>0?cov/Math.sqrt(varA*varB):0}return{values,metric,waferCountA:stackA.waferCount,waferCountB:stackB.waferCount,cellsCompared:n,meanDelta:n>0?meanDeltaSum/n:0,maxAbsDelta,worseCells,betterCells,correlation}}const syWaferMapCss=()=>`.sc-sy-wafer-correlation-h{display:inline-block;position:relative}.sy-wafer-map__underlay.sc-sy-wafer-correlation,.sy-wafer-map__surface.sc-sy-wafer-correlation,.sy-wafer-map__overlay.sc-sy-wafer-correlation{display:block}.sy-wafer-map__title.sc-sy-wafer-correlation{fill:#0f172a}.sy-wafer-map.sc-sy-wafer-correlation:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.sy-wafer-map__sr-only.sc-sy-wafer-correlation{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-wafer-map__watermark.sc-sy-wafer-correlation{position:absolute;top:4px;right:6px;font-size:10px;line-height:1;padding:2px 6px;background:hsla(0,0%,100%,.85);border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;pointer-events:none}.sy-wafer-map__subtitle.sc-sy-wafer-correlation{fill:#64748b}`;const SyWaferCorrelation=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",7)}get host(){return getElement(this)}width=520;height=540;brandLogo;brandPosition="bottom-right";wafersA;wafersB;metric="fail-rate";passBin=1;labelA="A";labelB="B";diameter=300;edgeExclusion=3;indicator="notch";orientation="down";dieWidth=10;dieHeight=10;scribeX=.2;scribeY=.2;showPartial=true;colorAxis;showStats=true;chartTitle;chartSubtitle;rendered;async getCorrelationSummary(){const{values:_values,...summary}=this.correlationResult();return summary}correlationResult(){return computeWaferCorrelation(this.wafersA,this.wafersB,{metric:this.metric,passBin:this.passBin})}effectiveColorAxis(result){if(this.colorAxis!==void 0)return this.colorAxis;const span=result.maxAbsDelta>0?result.maxAbsDelta:1;return{scheme:"rdbu",center:0,min:-span,max:span,reverse:true}}static formatR(value){return(Math.round(value*100)/100).toString()}defaultSubtitle(result){const deltaSign=result.meanDelta>0?"+":"";const mean=Math.round(result.meanDelta*1e3)/1e3;return`${this.labelB} − ${this.labelA} (${result.metric}) · r ${SyWaferCorrelation.formatR(result.correlation)} · mean Δ ${deltaSign}${mean} · ${result.worseCells} worse / ${result.betterCells} better`}render(){const result=this.correlationResult();return h(Host,{key:"72462c108054423afd9503571275cc0a6c5ff8dd","data-sy-brand-host":"chart"},h("div",{key:"2615ac55efe2946498d8fd75b441f2c1facd8b78",class:"sy-wafer-correlation",role:"group","aria-roledescription":"Wafer correlation","aria-label":`Lot correlation ${this.labelB} minus ${this.labelA}: ${result.cellsCompared} common dies, r ${SyWaferCorrelation.formatR(result.correlation)}, ${result.worseCells} worse, ${result.betterCells} better.`,"data-cells-compared":String(result.cellsCompared),"data-correlation":result.correlation.toFixed(4),"data-worse-cells":String(result.worseCells),"data-better-cells":String(result.betterCells)},h("sy-wafer-map",{key:"fd78d5222d82023a5ced49ca1fba3eec239b3e79",width:this.width,height:this.height,mode:"value",values:result.values,colorAxis:this.effectiveColorAxis(result),showStats:this.showStats,diameter:this.diameter,edgeExclusion:this.edgeExclusion,indicator:this.indicator,orientation:this.orientation,dieWidth:this.dieWidth,dieHeight:this.dieHeight,scribeX:this.scribeX,scribeY:this.scribeY,showPartial:this.showPartial,chartTitle:this.chartTitle??"Lot correlation",chartSubtitle:this.chartSubtitle??this.defaultSubtitle(result),onRendered:(event=>{this.rendered.emit(event.detail)})})),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height}))}};SyWaferCorrelation.style=syWaferMapCss();export{SyWaferCorrelation as sy_wafer_correlation};