@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/esm/sy-scatter-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}from"./safe-formatter-DO6vGxJP.js";import{v as visualMapColorFn,d as visualMapSizeFn,e as visualMapDatumValue,a as visualMapExtentOf,b as visualMapPointValue}from"./visual-map-binding-DiSr3bTW.js";import{n as normalizeUnavailableBehaviour,i as isChartLicenseEngineCode,b as buildChartPointContextMenuDetail,g as gpuTierAvailability}from"./point-context-menu-B6K1arcd.js";import{E as EngineSwapLicense,f as requestedStreamingInputs,S as STREAMING_LICENSE_FEATURE,e as engineSwapStatus,b as engineLicenseVerdict,c as ENGINE_LICENSE_FEATURE,d as engineFailureOutcome,a as engineSwapOutcome,r as rendererCodeOf}from"./engine-swap-license-CwIR5SyJ.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{c as createPointCapWarner,S as STANDARD_ENGINE_MAX_POINTS,a as capValuesView,b as createDrawingHistory,d as crosshairPositionFor,r as resolveDrawingsInput,D as DrawingInteraction,e as createSvgTextMeasurer,f as createCanvasTextMeasurer,g as resolveDrawingMode,h as historyApply,i as drawingsChangeDetail,j as convertDrawingSpace,k as historyUndo,l as historyRedo,s as serializeDrawings,m as renderDrawings,p as pruneDrawingSelection,n as sameDrawingSelection,o as renderDrawing,t as thinHandleIndices,q as primitiveBounds,B as BrushInteraction,u as resolveCartesianBrushSpec,v as pixelShapeFromArea,w as clipRectToPlot,x as bandRectForPlot,y as drawingHoverTarget,z as drawingCursor,A as dashArrayFor}from"./brush-interaction-Dz9vozhJ.js";import{Z as ZoomInteraction,r as resolveCartesianZoomSpec}from"./zoom-interaction-DIwGXfJu.js";import{r as resolveCartesianTooltipSpec,a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,e as cartesianSeriesXAxisKey,f as cartesianSeriesYAxisKey,b as resolveCartesianCrosshairSpec,c as cartesianAxisKey}from"./cartesian-contract-DogpgTFv.js";import{s as snapshotDrawingLayer}from"./drawing-export-BYBaMhHn.js";import{i as isSeriesVisible$1,a as resolveSeriesIdentity,d as resolveSeriesLinkGraph,e as isSeriesShownInLegend,p as pickEffectiveTooltipFormatter,f as resolveSeriesTooltipSpec}from"./cartesian-series-contract-zrH7aO3p.js";import{a as computeCartesianFrame,c as cartesianCrosshairGeometry,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{c as computeTooltipPlacement,t as tooltipConnectorEnd}from"./connector-C0f63Npv.js";import{t as thinAxisTicks}from"./axis-label-thinning-S3uzYKsD.js";import{c as computeLegendLayout}from"./legend-BwM4aW0R.js";import{h as hitTestLegend}from"./legend-interaction-BVmDGX0a.js";import"./parse-EXuVQfpl.js";import"./scheme-BwtrZuf8.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./brand-mark-default-AzDRbG7D.js";import"./zoom-window-D6sPnRDQ.js";function scatterProjectionKey(plot,xProject,yProject,extra=""){const probe=f=>`${f(0)},${f(1)},${f(1e3)}`;return`${plot.x},${plot.y},${plot.width},${plot.height}|${probe(xProject)}|${probe(yProject)}|${extra}`}function createScatterPointPool(initialCapacity=256){const cap=Math.max(16,Math.floor(initialCapacity));const slots=new Array(cap);for(let i=0;i<cap;i++){slots[i]=makeEmptyPoint()}return{count:0,slots}}function makeEmptyPoint(){return{seriesIndex:0,pointIndex:0,x:0,y:0,cssX:0,cssY:0,color:"",opacity:1,symbol:"circle",radius:0,lineColor:void 0,lineWidth:0,name:void 0}}function resetPool(pool,expectedCapacity){pool.count=0;if(expectedCapacity<=pool.slots.length)return;const next=expectedCapacity*2;for(let i=pool.slots.length;i<next;i++)pool.slots.push(makeEmptyPoint())}function acquireSlot(pool){if(pool.count>=pool.slots.length){pool.slots.push(makeEmptyPoint())}return pool.slots[pool.count++]}function pointInPlotRect(cssX,cssY,radius,plot){if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return false;const r=Number.isFinite(radius)&&radius>0?radius:0;if(cssX+r<plot.x)return false;if(cssX-r>plot.x+plot.width)return false;if(cssY+r<plot.y)return false;if(cssY-r>plot.y+plot.height)return false;return true}const SCATTER_CROP_THRESHOLD=1e3;function numericOrNull(v){return typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:null}function resolveScatterDatum(datum,pointIndex){const num=numericOrNull;if(datum===null||datum===void 0){return{x:pointIndex,y:null}}if(typeof datum==="number"||typeof datum==="bigint"){return{x:pointIndex,y:num(datum)}}if(Array.isArray(datum)){return{x:num(datum[0])??pointIndex,y:num(datum[1])}}const obj=datum;const xVal=num(obj.x)??pointIndex;const yVal=num(obj.y);const zVal=num(obj.z)??void 0;return{x:xVal,y:yVal,z:zVal,name:obj.name,color:obj.color,size:obj.size}}function clamp01$2(value){if(value<0)return 0;if(value>1)return 1;return value}function isFiniteNumber(value){return typeof value==="number"&&Number.isFinite(value)}function normalise(value,domain){const[lo,hi]=domain;const range=hi-lo;if(range===0)return .5;return clamp01$2((value-lo)/range)}function resolveScatterColorMap(input,fallbackDomain){if(!input||!Array.isArray(input.stops)||input.stops.length===0)return null;const stops=[];for(const entry of input.stops){if(Array.isArray(entry)){if(typeof entry[0]==="number"&&typeof entry[1]==="string"){stops.push({offset:clamp01$2(entry[0]),color:entry[1]})}}else if(entry&&typeof entry==="object"&&isFiniteNumber(entry.offset)&&typeof entry.color==="string"){stops.push({offset:clamp01$2(entry.offset),color:entry.color})}}if(stops.length===0)return null;stops.sort((a,b)=>a.offset-b.offset);const domain=Array.isArray(input.domain)?[input.domain[0],input.domain[1]]:fallbackDomain;return{field:input.field??"z",stops,domain,fallback:input.fallback}}function resolveScatterSizeMap(input,fallbackDomain){if(!input||!Array.isArray(input.radiusRange)||input.radiusRange.length!==2)return null;const[lo,hi]=input.radiusRange;if(!isFiniteNumber(lo)||!isFiniteNumber(hi))return null;const domain=Array.isArray(input.domain)?[input.domain[0],input.domain[1]]:fallbackDomain;return{field:input.field??"z",domain,radiusRange:[lo,hi],fallback:input.fallback}}function parseCssColor(color){const trimmed=color.trim();if(trimmed.startsWith("#")){const hex=trimmed.slice(1);const expanded=hex.length===3?hex.split("").map(c=>c+c).join(""):hex;if(expanded.length!==6||!/^[\da-f]{6}$/i.test(expanded))return null;return[parseInt(expanded.slice(0,2),16),parseInt(expanded.slice(2,4),16),parseInt(expanded.slice(4,6),16),1]}const m=trimmed.match(/^rgba?\(([^)]+)\)$/i);if(!m)return null;const parts=m[1].split(",").map(p=>Number(p.trim()));if(parts.length<3||parts.length>4||parts.some(p=>!Number.isFinite(p)))return null;return[parts[0],parts[1],parts[2],parts.length===4?parts[3]:1]}function formatRgba(r,g,b,a){const ri=Math.round(r);const gi=Math.round(g);const bi=Math.round(b);return a>=1?`rgb(${ri}, ${gi}, ${bi})`:`rgba(${ri}, ${gi}, ${bi}, ${a.toFixed(3)})`}function interpolateColorAtOffset(stops,t){if(stops.length===0)return null;const offset=clamp01$2(t);if(offset<=stops[0].offset)return stops[0].color;if(offset>=stops[stops.length-1].offset)return stops[stops.length-1].color;for(let i=1;i<stops.length;i++){const lo=stops[i-1];const hi=stops[i];if(offset<=hi.offset){if(hi.offset===lo.offset)return hi.color;const frac=(offset-lo.offset)/(hi.offset-lo.offset);const a=parseCssColor(lo.color);const b=parseCssColor(hi.color);if(!a||!b)return hi.color;const r=a[0]+(b[0]-a[0])*frac;const g=a[1]+(b[1]-a[1])*frac;const bl=a[2]+(b[2]-a[2])*frac;const al=a[3]+(b[3]-a[3])*frac;return formatRgba(r,g,bl,al)}}return stops[stops.length-1].color}function applyScatterColorMap(spec,value){if(!isFiniteNumber(value))return spec.fallback??null;const t=normalise(value,spec.domain);return interpolateColorAtOffset(spec.stops,t)}function applyScatterSizeMap(spec,value){if(!isFiniteNumber(value))return spec.fallback??null;const t=normalise(value,spec.domain);const[lo,hi]=spec.radiusRange;return lo+(hi-lo)*t}function readDatumField(datum,field){if(datum===null||datum===void 0)return null;if(typeof datum==="number")return field==="y"?datum:null;if(Array.isArray(datum)){if(field==="x"&&isFiniteNumber(datum[0]))return datum[0];if(field==="y"&&isFiniteNumber(datum[1]))return datum[1];return null}if(typeof datum==="object"){const v=datum[field];return isFiniteNumber(v)?v:null}return null}const VALID_MARKER_SYMBOLS=new Set(["circle","square","triangle","triangle-down","cross","diamond","star","wye"]);function isSeriesVisible(series){return series?.visible!==false}function resolveSeriesMarkerSpec(input){if(input===void 0||input===null)return{enabled:true};if(typeof input==="string"){if(input==="none")return{enabled:false};if(VALID_MARKER_SYMBOLS.has(input))return{enabled:true,symbol:input};return{enabled:true}}if(typeof input!=="object")return{enabled:true};const obj=input;const symbol=VALID_MARKER_SYMBOLS.has(obj.symbol)?obj.symbol:void 0;return{enabled:obj.enabled!==false,symbol,radius:typeof obj.radius==="number"&&Number.isFinite(obj.radius)&&obj.radius>=0?obj.radius:void 0,fillColor:typeof obj.fillColor==="string"?obj.fillColor:void 0,lineColor:typeof obj.lineColor==="string"?obj.lineColor:void 0,lineWidth:typeof obj.lineWidth==="number"&&Number.isFinite(obj.lineWidth)&&obj.lineWidth>=0?obj.lineWidth:void 0}}const TRIANGLE_HALF_WIDTH=Math.sqrt(3)/2;const CROSS_ARM_RATIO=1/3;const STAR_INNER_RATIO=.5;const WYE_THICKNESS_RATIO=.21;function buildScatterMarker(shape,cx,cy,size,path){if(!Number.isFinite(cx)||!Number.isFinite(cy))return;if(!Number.isFinite(size)||size<=0)return;switch(shape){case"circle":{path.moveTo(cx+size,cy);path.arc(cx,cy,size,0,Math.PI*2);return}case"square":{path.moveTo(cx-size,cy-size);path.lineTo(cx+size,cy-size);path.lineTo(cx+size,cy+size);path.lineTo(cx-size,cy+size);path.closePath();return}case"triangle":{const halfWidth=size*TRIANGLE_HALF_WIDTH;path.moveTo(cx,cy-size);path.lineTo(cx+halfWidth,cy+size*.5);path.lineTo(cx-halfWidth,cy+size*.5);path.closePath();return}case"triangle-down":{const halfWidth=size*TRIANGLE_HALF_WIDTH;path.moveTo(cx,cy+size);path.lineTo(cx-halfWidth,cy-size*.5);path.lineTo(cx+halfWidth,cy-size*.5);path.closePath();return}case"cross":{const a=size;const b=size*CROSS_ARM_RATIO;path.moveTo(cx-a,cy-b);path.lineTo(cx-b,cy-b);path.lineTo(cx-b,cy-a);path.lineTo(cx+b,cy-a);path.lineTo(cx+b,cy-b);path.lineTo(cx+a,cy-b);path.lineTo(cx+a,cy+b);path.lineTo(cx+b,cy+b);path.lineTo(cx+b,cy+a);path.lineTo(cx-b,cy+a);path.lineTo(cx-b,cy+b);path.lineTo(cx-a,cy+b);path.closePath();return}case"diamond":{path.moveTo(cx,cy-size);path.lineTo(cx+size,cy);path.lineTo(cx,cy+size);path.lineTo(cx-size,cy);path.closePath();return}case"star":{const outer=size;const inner=size*STAR_INNER_RATIO;const startAngle=-Math.PI/2;for(let i=0;i<10;i++){const r=i%2===0?outer:inner;const angle=startAngle+i*Math.PI/5;const x=cx+r*Math.cos(angle);const y=cy+r*Math.sin(angle);if(i===0)path.moveTo(x,y);else path.lineTo(x,y)}path.closePath();return}case"wye":{const thick=size*WYE_THICKNESS_RATIO;const arm=size;const drawArm=angleRad=>{const c=Math.cos(angleRad);const s=Math.sin(angleRad);const rx=(lx,ly)=>[cx+lx*c-ly*s,cy+lx*s+ly*c];const[p1x,p1y]=rx(-thick,-arm);const[p2x,p2y]=rx(thick,-arm);const[p3x,p3y]=rx(thick,0);const[p4x,p4y]=rx(-thick,0);path.moveTo(p1x,p1y);path.lineTo(p2x,p2y);path.lineTo(p3x,p3y);path.lineTo(p4x,p4y);path.closePath()};drawArm(0);drawArm(2*Math.PI/3);drawArm(4*Math.PI/3);return}default:return}}function finiteOpacity$1(value,fallback=1){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}function finitePositive(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:fallback}function computeScatterExtents(input){let xMin=Number.POSITIVE_INFINITY;let xMax=Number.NEGATIVE_INFINITY;let yMin=Number.POSITIVE_INFINITY;let yMax=Number.NEGATIVE_INFINITY;const seriesList=Array.isArray(input.series)&&input.series.length>0?input.series:void 0;if(seriesList){for(const entry of seriesList){if(!entry||!isSeriesVisible(entry))continue;const values=entry.values??[];for(let i=0;i<values.length;i++){const point=resolveScatterDatum(values[i],i);if(point.y===null)continue;if(point.x<xMin)xMin=point.x;if(point.x>xMax)xMax=point.x;if(point.y<yMin)yMin=point.y;if(point.y>yMax)yMax=point.y}}}else if(input.values?.length>0){for(let i=0;i<input.values.length;i++){const point=resolveScatterDatum(input.values[i],i);if(point.y===null)continue;if(point.x<xMin)xMin=point.x;if(point.x>xMax)xMax=point.x;if(point.y<yMin)yMin=point.y;if(point.y>yMax)yMax=point.y}}if(!Number.isFinite(xMin)||!Number.isFinite(xMax)){xMin=0;xMax=1}else if(xMin===xMax){xMin-=.5;xMax+=.5}if(!Number.isFinite(yMin)||!Number.isFinite(yMax)){yMin=0;yMax=1}else if(yMin===yMax){yMin-=.5;yMax+=.5}return{xMin,xMax,yMin,yMax}}const DEFAULT_INACTIVE_SERIES={opacity:.35,markerSizeScale:.85};function computeAutoDomain(values,field){let lo=Number.POSITIVE_INFINITY;let hi=Number.NEGATIVE_INFINITY;for(let i=0;i<values.length;i++){const v=readDatumField(values[i],field);if(v===null)continue;if(v<lo)lo=v;if(v>hi)hi=v}if(!Number.isFinite(lo)||!Number.isFinite(hi))return[0,1];if(lo===hi)return[lo-.5,hi+.5];return[lo,hi]}function buildResolvedScatterPoints(input,options){const result=buildResolvedScatterPointsInto(input,options);return result.points}function buildResolvedScatterPointsInto(input,options){const plot=input.plot??{x:0,y:0,width:Math.max(0,input.width),height:Math.max(0,input.height)};if(plot.width<=0||plot.height<=0){if(options?.pool)options.pool.count=0;return{points:[],summary:{total:0,drawn:0,cropped:0}}}const extents=computeScatterExtents(input);const xRange=extents.xMax-extents.xMin||1;const yRange=extents.yMax-extents.yMin||1;const xProject=input.xProject??(value=>plot.x+(value-extents.xMin)/xRange*plot.width);const yProject=input.yProject??(value=>plot.y+plot.height-(value-extents.yMin)/yRange*plot.height);const cropOptIn=options?.crop!==false;const seriesList=Array.isArray(input.series)&&input.series.length>0?input.series:void 0;const defaultSize=finitePositive(input.markerSize,4);const defaultLineWidth=Number.isFinite(input.markerLineWidth)&&input.markerLineWidth>=0?input.markerLineWidth:0;const expectedCapacity=seriesList?seriesList.reduce((sum,s)=>sum+(s?.values?.length??0),0):input.values?.length??0;if(options?.pool)resetPool(options.pool,expectedCapacity);const ownArray=options?.pool?void 0:[];let total=0;let drawn=0;const shouldCrop=cropOptIn&&expectedCapacity>=SCATTER_CROP_THRESHOLD;const writePoint=(seriesIndex,pointIndex,x,y,cssX,cssY,color,opacity,symbol,radius,lineColor,lineWidth,name)=>{if(options?.pool){const slot=acquireSlot(options.pool);slot.seriesIndex=seriesIndex;slot.pointIndex=pointIndex;slot.x=x;slot.y=y;slot.cssX=cssX;slot.cssY=cssY;slot.color=color;slot.opacity=opacity;slot.symbol=symbol;slot.radius=radius;slot.lineColor=lineColor;slot.lineWidth=lineWidth;slot.name=name}else{ownArray.push({seriesIndex,pointIndex,x,y,cssX,cssY,color,opacity,symbol,radius,lineColor,lineWidth,name})}};const activeIdx=typeof input.activeSeriesIndex==="number"&&Number.isFinite(input.activeSeriesIndex)?Math.trunc(input.activeSeriesIndex):void 0;const inactiveCfg=input.seriesState?.inactive??{};const stateEnabled=input.seriesState?.enabled!==false;if(seriesList){for(let sIdx=0;sIdx<seriesList.length;sIdx++){const entry=seriesList[sIdx];if(!entry||!isSeriesVisible(entry))continue;const values=entry.values??[];const seriesColor=typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color;const markerSpec=resolveSeriesMarkerSpec(entry.marker);const baseSymbol=markerSpec.symbol??input.marker??"circle";const baseRadius=finitePositive(markerSpec.radius??entry.markerSize,defaultSize);const baseLineColor=typeof markerSpec.lineColor==="string"?markerSpec.lineColor:void 0;const baseLineWidth=Number.isFinite(markerSpec.lineWidth)?markerSpec.lineWidth:defaultLineWidth;const baseFill=typeof markerSpec.fillColor==="string"?markerSpec.fillColor:seriesColor;const baseOpacity=finiteOpacity$1(entry.opacity);let activeOpacity=baseOpacity;let activeRadius=baseRadius;if(stateEnabled&&activeIdx!==void 0&&activeIdx!==sIdx&&seriesList.length>1){activeOpacity=baseOpacity*finiteOpacity$1(inactiveCfg.opacity??DEFAULT_INACTIVE_SERIES.opacity);const scale=finitePositive(inactiveCfg.markerSizeScale??DEFAULT_INACTIVE_SERIES.markerSizeScale,1);const explicit=finitePositive(inactiveCfg.markerSize,baseRadius*scale);activeRadius=explicit}const mapColorOf=visualMapColorFn(input.visualMap);const mapSizeOf=visualMapSizeFn(input.visualMap);const mapDimension=input.visualMap?.dimension??"value";const mapSizeDimension=input.visualMap?.size?.dimension??mapDimension;const mapValueOf=(datum,index,x,y)=>visualMapDatumValue(mapDimension,index,x,y,field=>readDatumField(datum,field));const mapSizeValueOf=(datum,index,x,y)=>visualMapDatumValue(mapSizeDimension,index,x,y,field=>readDatumField(datum,field));const wantsColorMap=!!entry.colorMap;const wantsSizeMap=!!entry.sizeMap;const seriesAutoDomain=wantsColorMap||wantsSizeMap?computeAutoDomain(values,entry.colorMap?.field??entry.sizeMap?.field??"z"):[0,1];const colorMapSpec=resolveScatterColorMap(entry.colorMap,seriesAutoDomain);const sizeMapSpec=resolveScatterSizeMap(entry.sizeMap,seriesAutoDomain);const seriesYProject=input.yProjectForSeries?.(entry.yAxis??entry.yAxisIndex)??yProject;const seriesXProject=input.xProjectForSeries?.(entry.xAxis??entry.xAxisIndex)??xProject;for(let i=0;i<values.length;i++){const datum=values[i];const resolved=resolveScatterDatum(datum,i);if(resolved.y===null)continue;const cssX=seriesXProject(resolved.x);const cssY=seriesYProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,activeRadius);if(sizeMapSpec){const mappedSize=applyScatterSizeMap(sizeMapSpec,readDatumField(datum,sizeMapSpec.field));if(typeof mappedSize==="number"&&Number.isFinite(mappedSize))radius=mappedSize}if(mapSizeOf)radius=mapSizeOf(mapSizeValueOf(datum,i,resolved.x,resolved.y),i);let opacity=activeOpacity;if(input.animationProgress){const tween=input.animationProgress.get(`s${sIdx}:p${i}`);if(tween){radius=radius*tween.scale;opacity=activeOpacity*tween.alpha}}if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??baseFill;if(colorMapSpec){const mappedColor=applyScatterColorMap(colorMapSpec,readDatumField(datum,colorMapSpec.field));if(typeof mappedColor==="string"&&mappedColor.length>0)pointColor=mappedColor}if(mapColorOf)pointColor=mapColorOf(mapValueOf(datum,i,resolved.x,resolved.y),i);writePoint(sIdx,i,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,baseSymbol,radius,baseLineColor,baseLineWidth,resolved.name)}const ghosts=input.ghosts?.get(sIdx);if(ghosts&&ghosts.length>0){for(let g=0;g<ghosts.length;g++){const tween=input.animationProgress?.get(`s${sIdx}:g${g}`);if(!tween)continue;const datum=ghosts[g];const resolved=resolveScatterDatum(datum,g);if(resolved.y===null)continue;const cssX=seriesXProject(resolved.x);const cssY=seriesYProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,activeRadius);if(sizeMapSpec){const mappedSize=applyScatterSizeMap(sizeMapSpec,readDatumField(datum,sizeMapSpec.field));if(typeof mappedSize==="number"&&Number.isFinite(mappedSize))radius=mappedSize}if(mapSizeOf)radius=mapSizeOf(mapSizeValueOf(datum,g,resolved.x,resolved.y),g);radius=radius*tween.scale;const opacity=activeOpacity*tween.alpha;if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??baseFill;if(colorMapSpec){const mappedColor=applyScatterColorMap(colorMapSpec,readDatumField(datum,colorMapSpec.field));if(typeof mappedColor==="string"&&mappedColor.length>0)pointColor=mappedColor}if(mapColorOf)pointColor=mapColorOf(mapValueOf(datum,g,resolved.x,resolved.y),g);writePoint(sIdx,-1-g,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,baseSymbol,radius,baseLineColor,baseLineWidth,resolved.name)}}}}else if(input.values?.length>0){const bareMapColorOf=visualMapColorFn(input.visualMap);const bareMapSizeOf=visualMapSizeFn(input.visualMap);const bareDimension=input.visualMap?.dimension??"value";const bareSizeDimension=input.visualMap?.size?.dimension??bareDimension;for(let i=0;i<input.values.length;i++){const resolved=resolveScatterDatum(input.values[i],i);if(resolved.y===null)continue;const cssX=xProject(resolved.x);const cssY=yProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,defaultSize);if(bareMapSizeOf){radius=bareMapSizeOf(visualMapDatumValue(bareSizeDimension,i,resolved.x,resolved.y,field=>readDatumField(input.values[i],field)),i)}let opacity=1;if(input.animationProgress){const tween=input.animationProgress.get(`s0:p${i}`);if(tween){radius=radius*tween.scale;opacity=tween.alpha}}if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??input.color;if(bareMapColorOf){const mapValue=visualMapDatumValue(bareDimension,i,resolved.x,resolved.y,field=>readDatumField(input.values[i],field));pointColor=bareMapColorOf(mapValue,i)}writePoint(0,i,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,input.marker??"circle",radius,void 0,defaultLineWidth,resolved.name)}}const cropped=total-drawn;if(options?.pool){return{points:options.pool.slots,summary:{total,drawn,cropped}}}return{points:ownArray,summary:{total,drawn,cropped}}}const PROGRESSIVE_DEFAULT_CHUNK=5e3;const PROGRESSIVE_DEFAULT_THRESHOLD=2e4;const PROGRESSIVE_DEFAULT_BUDGET_MS=8;function resolveProgressiveChunk(count,input){if(!input||input.progressive===false||input.progressive===null||input.progressive===void 0||input.progressive===0)return 0;const chunk=input.progressive===true?PROGRESSIVE_DEFAULT_CHUNK:Math.floor(input.progressive);if(!Number.isFinite(chunk)||chunk<=0)return 0;const threshold=typeof input.threshold==="number"&&Number.isFinite(input.threshold)&&input.threshold>=0?input.threshold:PROGRESSIVE_DEFAULT_THRESHOLD;return count>threshold&&count>chunk?chunk:0}function defaultSchedule(callback){if(typeof requestAnimationFrame==="function")return requestAnimationFrame(()=>callback());return setTimeout(callback,16)}function defaultUnschedule(handle){if(typeof cancelAnimationFrame==="function"&&typeof requestAnimationFrame==="function")cancelAnimationFrame(handle);else clearTimeout(handle)}function defaultNow(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}function runProgressive(options){const total=Math.max(0,Math.floor(options.total));const chunk=Math.max(1,Math.floor(options.chunk));const budget=typeof options.budgetMs==="number"&&options.budgetMs>0?options.budgetMs:PROGRESSIVE_DEFAULT_BUDGET_MS;const schedule=options.schedule??defaultSchedule;const unschedule=options.unschedule??defaultUnschedule;const now=options.now??defaultNow;let drawn=0;let chunks=0;let cancelled=false;let finished=false;let pending=null;let resolveDone=()=>{};const done=new Promise(resolve=>{resolveDone=resolve});const paintOne=()=>{const to=Math.min(total,drawn+chunk);options.drawChunk(drawn,to);drawn=to;chunks++;options.onProgress?.(drawn,total)};const finish=()=>{if(finished)return;finished=true;pending=null;resolveDone({drawn,total,chunks,cancelled})};const frame=()=>{pending=null;if(cancelled||finished){finish();return}const started=now();while(drawn<total&&!cancelled){paintOne();if(drawn>=total)break;if(now()-started>=budget)break}if(drawn>=total||cancelled)finish();else pending=schedule(frame)};if(total===0){finish()}else{paintOne();if(drawn>=total)finish();else pending=schedule(frame)}return{done,cancel:()=>{if(finished)return;cancelled=true;if(pending!==null){unschedule(pending);pending=null}finish()},get drawn(){return drawn},get finished(){return finished}}}function capScatterRenderInput(input){const total=input.values?.length??0;if(total<=STANDARD_ENGINE_MAX_POINTS)return input;return{...input,values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS)}}function finiteOpacity(value,fallback=1){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}function prepareScatterRendererLayout(input){return{points:buildResolvedScatterPoints(input)}}function prepareScatterRendererLayoutInto(input,pool){return buildResolvedScatterPointsInto(input,{pool})}const SCATTER_PATH_FLUSH_MARKERS=1e4;class ScatterChartStandardRenderer{canvas;pool=createScatterPointPool(256);warnPointCap=createPointCapWarner();lastTelemetry={total:0,drawn:0,cropped:0};progressiveHandle=null;constructor(canvas){this.canvas=canvas}draw(rawInput){this.progressiveHandle?.cancel();this.progressiveHandle=null;this.warnPointCap("sy-scatter-chart (standard engine)",rawInput.values?.length??0,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");const input=capScatterRenderInput(rawInput);const start=typeof performance!=="undefined"?performance.now():0;const ctx=this.canvas.getContext("2d");if(!ctx)return{points:0,renderMs:0};const dpr=typeof window!=="undefined"&&Number.isFinite(window.devicePixelRatio)?Math.max(1,window.devicePixelRatio):1;const cssW=Math.max(1,input.width);const cssH=Math.max(1,input.height);const pxW=input.observedPixelSize&&input.observedPixelSize.width>0?Math.round(input.observedPixelSize.width):Math.round(cssW*dpr);const pxH=input.observedPixelSize&&input.observedPixelSize.height>0?Math.round(input.observedPixelSize.height):Math.round(cssH*dpr);const scaleX=pxW/cssW;const scaleY=pxH/cssH;if(this.canvas.width!==Math.max(1,pxW))this.canvas.width=Math.max(1,pxW);if(this.canvas.height!==Math.max(1,pxH))this.canvas.height=Math.max(1,pxH);const cssWidth=`${cssW}px`;const cssHeight=`${cssH}px`;if(this.canvas.style.width!==cssWidth)this.canvas.style.width=cssWidth;if(this.canvas.style.height!==cssHeight)this.canvas.style.height=cssHeight;ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,this.canvas.width,this.canvas.height);ctx.setTransform(scaleX,0,0,scaleY,0,0);const prepared=prepareScatterRendererLayoutInto(input,this.pool);this.lastTelemetry=prepared.summary;if(prepared.summary.drawn===0){return{points:0,renderMs:(typeof performance!=="undefined"?performance.now():0)-start}}const plot=input.plot??{x:0,y:0};const dx=-plot.x;const dy=-plot.y;const activePointIndex=input.activePointIndex??null;const activePointSeries=input.activeSeriesIndexForActivePoint??null;const inactiveOther=input.inactiveOtherPoints===true&&activePointIndex!==null;const inactiveOpacity=finiteOpacity(input.inactivePointOpacity,.2);const slots=this.pool.slots;const count=this.pool.count;const paintRange=(from,to)=>{ctx.setTransform(scaleX,0,0,scaleY,0,0);let lastFill=null;let lastAlpha=-1;let lastStrokeWidth=-1;let lastStrokeStyle=null;let hasOpenPath=false;let pathMarkers=0;const flushPath=()=>{if(!hasOpenPath)return;ctx.fill();if(lastStrokeWidth>0)ctx.stroke();hasOpenPath=false;pathMarkers=0};for(let i=from;i<to;i++){const point=slots[i];const isFocused=activePointIndex!==null&&point.pointIndex===activePointIndex&&(activePointSeries===null||activePointSeries===point.seriesIndex);const alpha=inactiveOther&&!isFocused?point.opacity*inactiveOpacity:point.opacity;const fillStyle=point.color;const strokeWidth=point.lineWidth>0?point.lineWidth:0;const strokeStyle=strokeWidth>0?point.lineColor??fillStyle:"";if(alpha<=0||point.radius<=0)continue;if(hasOpenPath&&pathMarkers>=SCATTER_PATH_FLUSH_MARKERS)flushPath();if(!hasOpenPath||alpha!==lastAlpha||fillStyle!==lastFill||strokeWidth!==lastStrokeWidth||strokeStyle!==lastStrokeStyle){flushPath();if(alpha!==lastAlpha){ctx.globalAlpha=alpha;lastAlpha=alpha}if(fillStyle!==lastFill){ctx.fillStyle=fillStyle;lastFill=fillStyle}if(strokeStyle!==lastStrokeStyle){ctx.strokeStyle=strokeStyle;lastStrokeStyle=strokeStyle}if(strokeWidth!==lastStrokeWidth){ctx.lineWidth=strokeWidth;lastStrokeWidth=strokeWidth}ctx.beginPath();hasOpenPath=true}const cx=point.cssX+dx;const cy=point.cssY+dy;buildScatterMarker(point.symbol,cx,cy,point.radius,ctx);pathMarkers+=1}flushPath();ctx.setTransform(scaleX,0,0,scaleY,0,0);ctx.globalAlpha=1};const elapsed=()=>(typeof performance!=="undefined"?performance.now():0)-start;const chunk=resolveProgressiveChunk(count,input.progressive?{progressive:input.progressive.progressive,threshold:input.progressive.threshold}:null);if(chunk<=0){paintRange(0,count);return{points:prepared.summary.drawn,renderMs:elapsed()}}const onProgress=input.progressive?.onProgress;const handle=runProgressive({total:count,chunk,drawChunk:paintRange,onProgress:onProgress?(drawn,total)=>onProgress(drawn,total):void 0});this.progressiveHandle=handle;return handle.done.then(outcome=>{if(this.progressiveHandle===handle)this.progressiveHandle=null;return{points:outcome.drawn,renderMs:elapsed(),progressive:{chunks:outcome.chunks,chunk,cancelled:outcome.cancelled}}})}destroy(){this.progressiveHandle?.cancel();this.progressiveHandle=null;this.pool.count=0;this.pool.slots.length=0}}function pickEngine(opts){if(opts.requested==="standard"){return{tier:"standard"}}const proAvailable=opts.proAvailable===true;const licenseBlocked=isChartLicenseEngineCode(opts.proUnavailableCode);if(opts.requested==="pro"){if(proAvailable){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};if(normalizeUnavailableBehaviour(opts.onUnavailable)==="error"){throw new Error(`[Syidax] sy-scatter-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-scatter-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}if(opts.keepPro&&!licenseBlocked){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const pointCount=Number.isFinite(opts.pointCount)&&opts.pointCount>=0?opts.pointCount:0;const threshold=Number.isFinite(opts.proThreshold)&&opts.proThreshold>0?opts.proThreshold:5e4;if(pointCount>=threshold){const featureBlockReason=getProFeatureBlockReason(opts.features);if(featureBlockReason){return{tier:"standard",fallbackReason:featureBlockReason,featureFallbackReason:featureBlockReason}}if(proAvailable)return{tier:"pro"};const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};console.info(`[Syidax] sy-scatter-chart: auto mode wanted Pro for ${pointCount.toLocaleString()} points (threshold ${threshold.toLocaleString()}) but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function getProFeatureBlockReason(features={}){if(features.inactiveOtherPoints===true){return"inactiveOtherPoints requires per-point opacity and currently uses the Standard engine"}if(Number.isFinite(features.markerLineWidth)&&features.markerLineWidth>0){return`markerLineWidth (${features.markerLineWidth}) requires the Standard engine; Pro currently renders solid-fill markers`}const color=features.color;if(typeof color==="string"&&color.trim()&&!parseProColor(color)){return`color "${color}" uses CSS syntax that the Pro engine does not support yet`}return void 0}function parseProColor(input){const trimmed=input?.trim();if(!trimmed)return null;if(trimmed.startsWith("#")){const hex=trimmed.slice(1);const expanded=hex.length===3?hex.split("").map(c=>c+c).join(""):hex;if(expanded.length!==6||!/^[\da-f]{6}$/i.test(expanded))return null;const r2=parseInt(expanded.slice(0,2),16)/255;const g2=parseInt(expanded.slice(2,4),16)/255;const b2=parseInt(expanded.slice(4,6),16)/255;return[r2,g2,b2,1]}const match=trimmed.match(/^rgba?\(([^)]+)\)$/i);if(!match)return null;const parts=match[1].split(",").map(part=>Number(part.trim()));if(parts.length<3||parts.length>4||parts.some(part=>!Number.isFinite(part))){return null}const[rawR,rawG,rawB,rawA=1]=parts;const r=clampByte(rawR)/255;const g=clampByte(rawG)/255;const b=clampByte(rawB)/255;const a=clampUnit(rawA);return[r*a,g*a,b*a,a]}function clampByte(value){return Math.max(0,Math.min(255,value))}function clampUnit(value){return Math.max(0,Math.min(1,value))}const hasScatterChartProRenderer=false;function _pointInRect(p,r){return p.x>=r.x&&p.x<=r.x+r.width&&p.y>=r.y&&p.y<=r.y+r.height}function _rectsIntersect(a,b){return a.x<=b.x+b.width&&a.x+a.width>=b.x&&a.y<=b.y+b.height&&a.y+a.height>=b.y}function _inflateRect(r,by){return{x:r.x-by,y:r.y-by,width:r.width+2*by,height:r.height+2*by}}function _distancePointToPoint(a,b){const dx=a.x-b.x;const dy=a.y-b.y;return Math.sqrt(dx*dx+dy*dy)}function _distancePointToSegment(p,a,b){const dx=b.x-a.x;const dy=b.y-a.y;const lenSq=dx*dx+dy*dy;if(lenSq===0){return _distancePointToPoint(p,a)}let t=((p.x-a.x)*dx+(p.y-a.y)*dy)/lenSq;if(t<0)t=0;else if(t>1)t=1;const px=a.x+t*dx;const py=a.y+t*dy;const ex=p.x-px;const ey=p.y-py;return Math.sqrt(ex*ex+ey*ey)}function _distancePointToPath(p,path){if(path.length===0)return Infinity;if(path.length===1)return _distancePointToPoint(p,path[0]);let min=Infinity;for(let i=0;i<path.length-1;i++){const d=_distancePointToSegment(p,path[i],path[i+1]);if(d<min)min=d}return min}const DEFAULT_BOUNDS={x:0,y:0,width:1024,height:1024};const DEFAULT_MAX_ITEMS_PER_LEAF=8;const DEFAULT_MAX_DEPTH=8;const DEFAULT_REBUILD_THRESHOLD=64;const AUTO_EXPAND_PADDING_RATIO=.1;function coerceTolerance(value){if(typeof value!=="number"||!Number.isFinite(value)||value<0)return 0;return value}function coerceLimit(value){if(typeof value!=="number"||!Number.isFinite(value)||value<=0){return Infinity}return value}function coercePositiveInt(value,fallback){if(typeof value!=="number"||!Number.isFinite(value)||value<=0){return fallback}return value}function coerceBounds(value){if(!value||typeof value!=="object"||!Number.isFinite(value.x)||!Number.isFinite(value.y)||!Number.isFinite(value.width)||!Number.isFinite(value.height)||value.width<=0||value.height<=0){return{...DEFAULT_BOUNDS}}return{x:value.x,y:value.y,width:value.width,height:value.height}}function filterFinitePath(path){const out=[];for(const p of path){if(typeof p?.x==="number"&&typeof p?.y==="number"&&Number.isFinite(p.x)&&Number.isFinite(p.y)){out.push({x:p.x,y:p.y})}}return out}function itemAnchor(item){if(item.kind==="point"){if(typeof item.x==="number"&&typeof item.y==="number"){return{x:item.x,y:item.y}}return null}if(item.bounds){return{x:item.bounds.x+item.bounds.width/2,y:item.bounds.y+item.bounds.height/2}}return null}function isItemFinite(item){if(item===null||typeof item!=="object")return false;if(item.kind==="point"){return typeof item.x==="number"&&typeof item.y==="number"&&Number.isFinite(item.x)&&Number.isFinite(item.y)}if(item.kind==="rect"){const b=item.bounds;return!!b&&Number.isFinite(b.x)&&Number.isFinite(b.y)&&Number.isFinite(b.width)&&Number.isFinite(b.height)}if(item.kind==="path"){const b=item.bounds;if(!b||!Number.isFinite(b.x)||!Number.isFinite(b.y)||!Number.isFinite(b.width)||!Number.isFinite(b.height)){return false}if(!Array.isArray(item.path)||item.path.length<1)return false;return item.path.every(point=>typeof point?.x==="number"&&typeof point?.y==="number"&&Number.isFinite(point.x)&&Number.isFinite(point.y))}return false}function itemAABB(item){if(item.kind==="point"){if(typeof item.x==="number"&&typeof item.y==="number"){return{x:item.x,y:item.y,width:0,height:0}}return null}if(item.bounds){return{x:item.bounds.x,y:item.bounds.y,width:item.bounds.width,height:item.bounds.height}}return null}function rectContainsRect(outer,inner){return inner.x>=outer.x&&inner.y>=outer.y&&inner.x+inner.width<=outer.x+outer.width&&inner.y+inner.height<=outer.y+outer.height}function makeLeaf(bounds,depth){return{bounds,depth,items:[],children:null}}function quadrantIndexFor(bounds,aabb){const midX=bounds.x+bounds.width/2;const midY=bounds.y+bounds.height/2;const fitsLeft=aabb.x+aabb.width<=midX;const fitsRight=aabb.x>=midX;const fitsTop=aabb.y+aabb.height<=midY;const fitsBottom=aabb.y>=midY;if(fitsLeft&&fitsTop)return 0;if(fitsRight&&fitsTop)return 1;if(fitsLeft&&fitsBottom)return 2;if(fitsRight&&fitsBottom)return 3;return-1}function childBounds(bounds){const halfW=bounds.width/2;const halfH=bounds.height/2;return[{x:bounds.x,y:bounds.y,width:halfW,height:halfH},{x:bounds.x+halfW,y:bounds.y,width:halfW,height:halfH},{x:bounds.x,y:bounds.y+halfH,width:halfW,height:halfH},{x:bounds.x+halfW,y:bounds.y+halfH,width:halfW,height:halfH}]}function insertEntry(node,entry,maxItemsPerLeaf,maxDepth){if(node.children!==null){const idx=quadrantIndexFor(node.bounds,entry.aabb);if(idx===-1){node.items.push(entry);return}insertEntry(node.children[idx],entry,maxItemsPerLeaf,maxDepth);return}node.items.push(entry);if(node.items.length>maxItemsPerLeaf&&node.depth<maxDepth){splitLeaf(node,maxItemsPerLeaf,maxDepth)}}function splitLeaf(node,maxItemsPerLeaf,maxDepth){const cb=childBounds(node.bounds);const children=[makeLeaf(cb[0],node.depth+1),makeLeaf(cb[1],node.depth+1),makeLeaf(cb[2],node.depth+1),makeLeaf(cb[3],node.depth+1)];const stayed=[];for(const e of node.items){const idx=quadrantIndexFor(node.bounds,e.aabb);if(idx===-1){stayed.push(e)}else{insertEntry(children[idx],e,maxItemsPerLeaf,maxDepth)}}node.items=stayed;node.children=children}function createQuadtreeIndex(opts={}){const initialBounds=coerceBounds(opts.bounds);const maxItemsPerLeaf=coercePositiveInt(opts.maxItemsPerLeaf,DEFAULT_MAX_ITEMS_PER_LEAF);const maxDepth=coercePositiveInt(opts.maxDepth,DEFAULT_MAX_DEPTH);const rebuildThreshold=coercePositiveInt(opts.rebuildThreshold,DEFAULT_REBUILD_THRESHOLD);const idIndex=new Map;const insertionOrder=new Map;let nextInsertionIndex=0;let rootBounds={...initialBounds};let tree=makeLeaf(rootBounds,0);let pending=[];let dirty=0;function isLive(e){return idIndex.get(e.item.id)===e.item}function computeExpandedBounds(allEntries){if(allEntries.length===0)return{...rootBounds};let minX=Infinity;let minY=Infinity;let maxX=-Infinity;let maxY=-Infinity;minX=Math.min(minX,rootBounds.x);minY=Math.min(minY,rootBounds.y);maxX=Math.max(maxX,rootBounds.x+rootBounds.width);maxY=Math.max(maxY,rootBounds.y+rootBounds.height);for(const e of allEntries){const a=e.aabb;if(a.x<minX)minX=a.x;if(a.y<minY)minY=a.y;if(a.x+a.width>maxX)maxX=a.x+a.width;if(a.y+a.height>maxY)maxY=a.y+a.height}const w=maxX-minX;const h2=maxY-minY;const padW=w*AUTO_EXPAND_PADDING_RATIO;const padH=h2*AUTO_EXPAND_PADDING_RATIO;const finalPadW=padW>0?padW:1;const finalPadH=padH>0?padH:1;return{x:minX-finalPadW,y:minY-finalPadH,width:w+2*finalPadW,height:h2+2*finalPadH}}function collectLive(node,out){for(const e of node.items){if(isLive(e))out.push(e)}if(node.children!==null){for(const c of node.children)collectLive(c,out)}}function rebuild(){const fresh=[];collectLive(tree,fresh);for(const p of pending){if(isLive(p))fresh.push(p)}let needExpand=false;for(const e of fresh){if(!rectContainsRect(rootBounds,e.aabb)){needExpand=true;break}}const newBounds=needExpand?computeExpandedBounds(fresh):{...rootBounds};rootBounds=newBounds;tree=makeLeaf(rootBounds,0);for(const e of fresh){insertEntry(tree,e,maxItemsPerLeaf,maxDepth)}pending=[];dirty=0}function ensureBuilt(){if(dirty===0)return;if(dirty>=rebuildThreshold){rebuild()}}function size(){return idIndex.size}function add(toAdd){if(!Array.isArray(toAdd)||toAdd.length===0)return 0;let inserted=0;let nonFiniteCount=0;let duplicateCount=0;for(const item of toAdd){if(!isItemFinite(item)){nonFiniteCount+=1;continue}if(idIndex.has(item.id)){duplicateCount+=1;continue}const aabb=itemAABB(item);if(aabb===null){continue}idIndex.set(item.id,item);const ins=nextInsertionIndex++;insertionOrder.set(item.id,ins);pending.push({item,aabb,insertionIndex:ins});dirty+=1;inserted+=1}if(nonFiniteCount>0){console.warn(`[Syidax] sy-chart hit-test: ${nonFiniteCount} item(s) with non-finite coordinates dropped.`)}if(duplicateCount>0){console.warn(`[Syidax] sy-chart hit-test: ${duplicateCount} duplicate id(s) ignored.`)}return inserted}function remove(id){const stored=idIndex.get(id);if(stored===void 0)return false;idIndex.delete(id);insertionOrder.delete(id);const pendIdx=pending.findIndex(p=>p.item.id===id);if(pendIdx!==-1){pending.splice(pendIdx,1);if(dirty>0)dirty-=1;return true}dirty+=1;return true}function clear(){idIndex.clear();insertionOrder.clear();pending=[];rootBounds={...initialBounds};tree=makeLeaf(rootBounds,0);dirty=0;nextInsertionIndex=0}function pointDistanceToItem(query,item){if(item.kind==="point"){const a=itemAnchor(item);if(a===null)return Infinity;return _distancePointToPoint(query,a)}if(item.kind==="rect"){if(!item.bounds)return Infinity;if(_pointInRect(query,item.bounds))return 0;const cx=Math.max(item.bounds.x,Math.min(query.x,item.bounds.x+item.bounds.width));const cy=Math.max(item.bounds.y,Math.min(query.y,item.bounds.y+item.bounds.height));return _distancePointToPoint(query,{x:cx,y:cy})}if(item.kind==="path"){if(!item.path||item.path.length===0)return Infinity;return _distancePointToPath(query,item.path)}return Infinity}function segmentDistanceToItem(a,b,segRect,item,tolerance){if(item.kind==="point"){const anchor=itemAnchor(item);if(anchor===null)return Infinity;return _distancePointToSegment(anchor,a,b)}if(item.kind==="rect"){if(!item.bounds)return Infinity;const inflated=tolerance>0?_inflateRect(item.bounds,tolerance):item.bounds;if(!_rectsIntersect(segRect,inflated))return Infinity;const center={x:item.bounds.x+item.bounds.width/2,y:item.bounds.y+item.bounds.height/2};return _distancePointToSegment(center,a,b)}if(item.kind==="path"){if(!item.bounds||!item.path||item.path.length===0)return Infinity;const inflated=tolerance>0?_inflateRect(item.bounds,tolerance):item.bounds;if(!_rectsIntersect(segRect,inflated))return Infinity;const center={x:item.bounds.x+item.bounds.width/2,y:item.bounds.y+item.bounds.height/2};return _distancePointToSegment(center,a,b)}return Infinity}function searchTreePoint(node,qx,qy,tolerance,predicate,state){for(const e of node.items){if(!isLive(e))continue;const distance=pointDistanceToItem({x:qx,y:qy},e.item);if(distance>tolerance)continue;if(predicate&&!predicate(e.item))continue;if(distance<state.bestDistance||distance===state.bestDistance&&e.insertionIndex<state.bestInsertion){state.bestDistance=distance;state.bestInsertion=e.insertionIndex;state.bestId=e.item.id;state.bestItem=e.item}}if(node.children===null)return;const queryRect={x:qx-tolerance,y:qy-tolerance,width:2*tolerance,height:2*tolerance};for(const child of node.children){if(_rectsIntersect(child.bounds,queryRect)){searchTreePoint(child,qx,qy,tolerance,predicate,state)}}}function testPoint(x,y,options={}){if(!Number.isFinite(x)||!Number.isFinite(y)){console.warn("[Syidax] sy-chart hit-test: testPoint received non-finite coordinates; returning null.");return null}ensureBuilt();const tolerance=coerceTolerance(options.tolerance);const predicate=options.predicate;const state={bestId:null,bestDistance:Infinity,bestInsertion:Infinity,bestItem:null};searchTreePoint(tree,x,y,tolerance,predicate,state);const query={x,y};for(const e of pending){if(!isLive(e))continue;const distance=pointDistanceToItem(query,e.item);if(distance>tolerance)continue;if(predicate&&!predicate(e.item))continue;if(distance<state.bestDistance||distance===state.bestDistance&&e.insertionIndex<state.bestInsertion){state.bestDistance=distance;state.bestInsertion=e.insertionIndex;state.bestId=e.item.id;state.bestItem=e.item}}if(state.bestItem===null||state.bestId===null)return null;return{id:state.bestId,distance:state.bestDistance,item:state.bestItem}}function searchTreeRect(node,inflated,queryCenter,predicate,out){for(const e of node.items){if(!isLive(e))continue;let intersects;if(e.item.kind==="point"){const anchor2=itemAnchor(e.item);if(anchor2===null)continue;intersects=_pointInRect(anchor2,inflated)}else{if(!e.item.bounds)continue;intersects=_rectsIntersect(inflated,e.item.bounds)}if(!intersects)continue;if(predicate&&!predicate(e.item))continue;const anchor=itemAnchor(e.item);const distance=anchor!==null?_distancePointToPoint(queryCenter,anchor):0;out.push({id:e.item.id,insertionIndex:e.insertionIndex,distance,item:e.item})}if(node.children===null)return;for(const child of node.children){if(_rectsIntersect(child.bounds,inflated)){searchTreeRect(child,inflated,queryCenter,predicate,out)}}}function testRect(rect,options={}){if(!rect||!Number.isFinite(rect.x)||!Number.isFinite(rect.y)||!Number.isFinite(rect.width)||!Number.isFinite(rect.height)){console.warn("[Syidax] sy-chart hit-test: testRect received non-finite rect; returning [].");return[]}ensureBuilt();const tolerance=coerceTolerance(options.tolerance);const limit=coerceLimit(options.limit);const predicate=options.predicate;const inflated=tolerance>0?_inflateRect(rect,tolerance):rect;const queryCenter={x:rect.x+rect.width/2,y:rect.y+rect.height/2};const collected=[];searchTreeRect(tree,inflated,queryCenter,predicate,collected);for(const e of pending){if(!isLive(e))continue;let intersects;if(e.item.kind==="point"){const anchor2=itemAnchor(e.item);if(anchor2===null)continue;intersects=_pointInRect(anchor2,inflated)}else{if(!e.item.bounds)continue;intersects=_rectsIntersect(inflated,e.item.bounds)}if(!intersects)continue;if(predicate&&!predicate(e.item))continue;const anchor=itemAnchor(e.item);const distance=anchor!==null?_distancePointToPoint(queryCenter,anchor):0;collected.push({id:e.item.id,insertionIndex:e.insertionIndex,distance,item:e.item})}collected.sort((a,b)=>a.insertionIndex-b.insertionIndex);const out=[];for(const c of collected){if(out.length>=limit)break;out.push({id:c.id,distance:c.distance,item:c.item})}return out}function searchTreePath(node,a,b,segRect,inflatedSeg,tolerance,predicate,seen,segmentIndex,out){for(const e of node.items){if(!isLive(e))continue;if(seen.has(e.item.id))continue;const distance=segmentDistanceToItem(a,b,segRect,e.item,tolerance);if(distance>tolerance)continue;if(predicate&&!predicate(e.item))continue;seen.add(e.item.id);out.push({id:e.item.id,insertionIndex:e.insertionIndex,distance,item:e.item,segmentIndex})}if(node.children===null)return;for(const child of node.children){if(_rectsIntersect(child.bounds,inflatedSeg)){searchTreePath(child,a,b,segRect,inflatedSeg,tolerance,predicate,seen,segmentIndex,out)}}}function testPath(path,options={}){if(!Array.isArray(path)||path.length===0)return[];const finitePath=filterFinitePath(path);if(finitePath.length<2)return[];ensureBuilt();const tolerance=coerceTolerance(options.tolerance);const limit=coerceLimit(options.limit);const predicate=options.predicate;const seen=new Set;const collected=[];for(let i=0;i<finitePath.length-1;i++){const a=finitePath[i];const b=finitePath[i+1];const segRect={x:Math.min(a.x,b.x),y:Math.min(a.y,b.y),width:Math.abs(b.x-a.x),height:Math.abs(b.y-a.y)};const inflatedSeg=tolerance>0?_inflateRect(segRect,tolerance):segRect;searchTreePath(tree,a,b,segRect,inflatedSeg,tolerance,predicate,seen,i,collected);for(const e of pending){if(!isLive(e))continue;if(seen.has(e.item.id))continue;const distance=segmentDistanceToItem(a,b,segRect,e.item,tolerance);if(distance>tolerance)continue;if(predicate&&!predicate(e.item))continue;seen.add(e.item.id);collected.push({id:e.item.id,insertionIndex:e.insertionIndex,distance,item:e.item,segmentIndex:i})}}collected.sort((p,q)=>{if(p.segmentIndex!==q.segmentIndex){return p.segmentIndex-q.segmentIndex}return p.insertionIndex-q.insertionIndex});const out=[];for(const c of collected){if(out.length>=limit)break;out.push({id:c.id,distance:c.distance,item:c.item})}return out}return{testPoint,testRect,testPath,size,add,remove,clear}}function createScatterStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function applyEasing(t,easing){const x=clamp01$1(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$1(v){if(!Number.isFinite(v))return 0;if(v<=0)return 0;if(v>=1)return 1;return v}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createScatterAnimator(){const entries=new Map;function elapsed(entry,now){const delay=Math.max(0,Number(entry.delay)||0);if(entry.startedAt<0)return Math.max(0,entry.pausedElapsed-delay);if(entry.paused)return Math.max(0,entry.pausedElapsed-delay);return Math.max(0,now-entry.startedAt+entry.pausedElapsed-delay)}function rawProgressOf(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,partial){entries.get(key);entries.set(key,{phase:partial.phase,startedAt:-1,pausedElapsed:0,paused:false,easing:partial.easing,duration:Math.max(0,partial.duration),delay:Math.max(0,Number(partial.delay)||0),onComplete:partial.onComplete})},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},valueAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const raw=rawProgressOf(entry,now);const eased=applyEasing(raw,entry.easing);const scale=entry.phase==="enter"?eased:1-eased;const alpha=entry.phase==="enter"?1:1-eased;return{phase:entry.phase,rawProgress:raw,easedProgress:eased,scale,alpha}},tick(now){const completed=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgressOf(entry,now)>=1)completed.push({key,entry})}for(const{key,entry}of completed){entries.delete(key);if(typeof entry.onComplete==="function"){try{entry.onComplete(key)}catch(err){console.warn("[Syidax] sy-scatter-chart animator onComplete threw:",err)}}}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}const syScatterChartCss=()=>`.sc-sy-scatter-chart-h{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-scatter-chart__canvas.sc-sy-scatter-chart{display:block;background:rgba(0,0,0,0)}.sy-scatter-chart__watermark.sc-sy-scatter-chart{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;z-index:6}.sy-scatter-chart__watermark--degraded.sc-sy-scatter-chart{border-color:#facc15;color:#854d0e}`;const SCATTER_CHART_LEGEND_EDGE_PADDING=8;const SCATTER_CHART_LEGEND_PLOT_GAP=8;const SCATTER_CHART_LEGEND_ITEM_GAP=12;const SCATTER_CHART_LEGEND_SWATCH_SIZE=10;const SCATTER_CHART_LEGEND_SWATCH_LABEL_GAP=6;const SCATTER_CHART_LEGEND_ROW_GAP=6;const SCATTER_CHART_LEGEND_FONT_SIZE=12;const SCATTER_CHART_LEGEND_FONT_WEIGHT=500;function tooltipClassName(base,extra){return extra&&extra.length>0?`${base} ${extra}`:base}function tooltipCssValue(_property,value){return typeof value==="number"?`${value}px`:value}const SyScatterChart=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",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.crosshairMove=createEvent(this,"crosshairMove",7);this.tooltipShow=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.zoomChange=createEvent(this,"zoomChange",7);this.brushChange=createEvent(this,"brushChange",7);this.brushStart=createEvent(this,"brushStart",7);this.brushMove=createEvent(this,"brushMove",7);this.brushEnd=createEvent(this,"brushEnd",7);this.drawingsChange=createEvent(this,"drawingsChange",7);this.drawingSelectionChange=createEvent(this,"drawingSelectionChange",7);this.renderProgress=createEvent(this,"renderProgress",7);this.pointHover=createEvent(this,"pointHover",7);this.pointClick=createEvent(this,"pointClick",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.seriesOutsideClick=createEvent(this,"seriesOutsideClick",7);this.legendItemClick=createEvent(this,"legendItemClick",7);this.seriesToggled=createEvent(this,"seriesToggled",7)}get host(){return getElement(this)}series;activeSeriesIndex;seriesState;seriesActiveTrigger="hover";values=[];width=600;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";marker="circle";markerSize=4;markerLineWidth=0;inactiveOtherPoints=false;inactivePointOpacity=.2;hitTolerance=8;engine="auto";proThreshold=5e4;unavailable="fallback";streamSource;streamWindow;streamMax;animated=false;animationDuration=400;animationEasing="ease-out";animationType;legend=false;legendPosition="bottom";legendItems;seriesName;xAxis;yAxis;chartTitle;chartSubtitle;tooltip;crosshair;gridLines;zoom;brush;drawings;drawingMode;drawingTool;drawingSpace;progressive;progressiveThreshold=2e4;visualMap;rendered;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;crosshairMove;tooltipShow;tooltipHide;tooltipAction;zoomChange;brushChange;brushStart;brushMove;brushEnd;drawingsChange;drawingSelectionChange;renderProgress;pointHover;pointClick;pointContextMenu;seriesOutsideClick;legendItemClick;seriesToggled;activeTier="standard";fallbackReason;degradedReason;proInitFailed=false;proInitFailReason;license=new EngineSwapLicense(()=>this.host,change=>this.handleLicenseChange(change));engineOutcome={code:"auto-standard",reason:null};engineLicenseState=null;cartesianTooltip=null;cartesianTooltips=[];zoomState=null;zoomSelection=null;brushState=null;brushPreview=null;drawingHistory=createDrawingHistory();drawingPreview=null;drawingSelection=[];drawingMarquee=null;drawingDragPreview=null;visualMapState=null;zoomInteraction=new ZoomInteraction(this.zoomInteractionHost());cartesianCursor=null;legendDisabled=new Set;observedCanvasPixelSize;autoActiveSeriesIndex;canvas;renderer;rendererTier;rendererToken=0;canvasTier;proInitInFlight;boundPointerHandlers=false;resizeObserver;lastHoverSeriesIndex=null;hoveredPoint=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createScatterAnimator();animationProgress=new Map;displayValues;displaySeries;updateMorphState;updateMorphFrameHandle=null;suppressNextValuesAnimation=false;suppressNextSeriesAnimation=false;ghostsBySeries=new Map;animationFrameHandle=null;animationActive=false;boundStreamSource;streamUnsubscribe;internalStreamSource;internalStreamCapacity;hasLoaded=false;detached=false;componentDidLoad(){this.hasLoaded=true;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource();this.displayValues=this.values;this.displaySeries=this.series;this.resizeObserver=new ResizeObserver(entries=>{const entry=entries.find(e=>e.target===this.canvas)??entries[0];const dpcb=entry?.devicePixelContentBoxSize?.[0];if(dpcb&&dpcb.inlineSize>0&&dpcb.blockSize>0){const width=dpcb.inlineSize;const height=dpcb.blockSize;if(this.observedCanvasPixelSize?.width!==width||this.observedCanvasPixelSize?.height!==height){this.observedCanvasPixelSize={width,height}}}else if(this.observedCanvasPixelSize!==void 0){this.observedCanvasPixelSize=void 0}this.draw()});if(this.canvas){try{this.resizeObserver.observe(this.canvas,{box:"device-pixel-content-box"})}catch{this.resizeObserver.observe(this.canvas)}}void this.ensureRenderer();if(this.shouldInitialSequentialReveal(null))this.startInitialSequentialReveal();else void this.draw();this.bindPointerHandlers()}componentDidUpdate(){this.draw();this.bindPointerHandlers()}componentDidRender(){this.measureTooltipBox()}connectedCallback(){this.detached=false;this.syncInitialDrawings();this.license.connect();this.drawingTextMeasurer.clear();this.axisTextMeasurer.clear();if(typeof document!=="undefined"){document.fonts?.addEventListener("loadingdone",this.handleFontChange);document.fonts?.addEventListener("loadingerror",this.handleFontChange)}if(!this.hasLoaded)return;this.fontRevision++;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});if(this.canvas){try{this.resizeObserver?.observe(this.canvas,{box:"device-pixel-content-box"})}catch{this.resizeObserver?.observe(this.canvas)}}this.bindStreamSource();this.bindPointerHandlers();void this.draw()}componentWillLoad(){this.syncInitialDrawings()}disconnectedCallback(){if(typeof document!=="undefined"){document.fonts?.removeEventListener("loadingdone",this.handleFontChange);document.fonts?.removeEventListener("loadingerror",this.handleFontChange)}this.drawingTextMeasurer.dispose();this.axisTextMeasurer.dispose();this.detached=true;this.license.disconnect();this.rendererToken++;this.proInitInFlight=void 0;this.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null;this.brushInteraction.dispose();this.brushPreview=null;this.drawingInteraction.dispose();this.drawingPreview=null;this.drawingMarquee=null;this.drawingDragPreview=null;this.resizeObserver?.disconnect();this.unbindPointerHandlers();this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.cancelUpdateMorph(false);this.stopAnimationLoop();this.animator.clear();this.renderer?.destroy?.();this.renderer=void 0;this.rendererTier=void 0}handleStreamSourceChange(){this.bindStreamSource()}streamSessionKept(){return Boolean(this.boundStreamSource||this.internalStreamSource||this.streamSource)}parkInternalRing(){const ring=this.internalStreamSource;if(ring&&this.boundStreamSource===ring)this.license.parkStream(ring,[this.values,this.series])}resumeInternalRing(source){if(source!==this.internalStreamSource||this.license.resumeStream(source,[this.values,this.series]))return;source.replace(this.snapshotInitialValues())}bindStreamSource(){if(this.detached)return;const source=this.streamingAllowed()?this.streamSource??this.ensureInternalStreamSource():void 0;if(source===this.boundStreamSource)return;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;if(!source)return;this.resumeInternalRing(source);this.boundStreamSource=source;this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(event));this.syncSeriesFromStreamSource()}activeStreamSource(input){if(!this.streamingAllowed(input))return void 0;if(this.streamSource)return this.streamSource;return this.ensureInternalStreamSource()}streamSessionInputs(){return requestedStreamingInputs({streamSource:this.streamSource,streamMax:this.streamMax,streamWindow:this.streamWindow})}streamSessionAsked(){return this.streamSessionInputs().length>0}streamingAllowed(input){const asked=this.streamSessionInputs();if(asked.length===0)return true;const state=this.license.state(STREAMING_LICENSE_FEATURE);if(state==="valid"&&!this.license.isFrozen(STREAMING_LICENSE_FEATURE))return true;this.license.refuse(STREAMING_LICENSE_FEATURE,state,input??asked[0]);return false}streamCallFrozen(method){if(!this.license.isFrozen(STREAMING_LICENSE_FEATURE))return false;this.license.refuse(STREAMING_LICENSE_FEATURE,this.license.state(STREAMING_LICENSE_FEATURE),method);return true}streamTarget(){const source=this.activeStreamSource();if(source&&source!==this.boundStreamSource)this.bindStreamSource();return source}ensureInternalStreamSource(){const capacity=this.coerceStreamCapacity();if(capacity===void 0){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;return void 0}if(this.internalStreamSource&&this.internalStreamCapacity===capacity){return this.internalStreamSource}this.internalStreamCapacity=capacity;this.internalStreamSource=createScatterStreamSource({initial:this.snapshotInitialValues()});return this.internalStreamSource}coerceStreamCapacity(){if(!Number.isFinite(this.streamMax))return void 0;const capacity=Math.floor(this.streamMax);return capacity>0?capacity:void 0}snapshotInitialValues(){if(Array.isArray(this.series)&&this.series.length>0){return Array.from(this.series[0]?.values??[])}return Array.from(this.values??[])}handleStreamEvent(event){const snapshot=this.boundStreamSource?.snapshot(this.streamWindow);if(!snapshot)return;if(Array.isArray(this.series)&&this.series.length>0){const next=this.series.slice();next[0]={...next[0],values:snapshot};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next}else{this.suppressNextValuesAnimation=true;this.values=snapshot;this.displayValues=snapshot}if(event.type==="push"||event.type==="pushBatch"){const count=event.count;this.appended.emit({count});if(this.shouldAnimate())this.startEnterAnimationForLastN(0,count)}else if(event.type==="shift"){this.windowSlid.emit({dropped:event.count})}this.invalidateHitTestIndex();this.draw()}syncSeriesFromStreamSource(){if(!this.boundStreamSource)return;const snapshot=this.boundStreamSource.snapshot(this.streamWindow);if(Array.isArray(this.series)&&this.series.length>0){const next=this.series.slice();next[0]={...next[0],values:snapshot};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next}else{this.suppressNextValuesAnimation=true;this.values=snapshot;this.displayValues=snapshot}this.invalidateHitTestIndex()}handleCartesianFrameChange(){this.draw()}handleInputsChange(_newValue,_oldValue,propName){if(propName==="engine"||propName==="proThreshold"||propName==="unavailable"){this.proInitFailed=false;this.proInitFailReason=void 0}this.invalidateHitTestIndex();this.draw()}scatterDataVersion=0;projectionKeyExtra(frame){const probe=f=>`${f(0)},${f(1)},${f(1e3)}`;const parts=[`${this.width}x${this.height}`,this.activeTier??""];for(const[key,scale]of Object.entries(frame.xScales))parts.push(`x:${key}:${probe(scale)}`);for(const[key,scale]of Object.entries(frame.yScales))parts.push(`y:${key}:${probe(scale)}`);return parts.join(";")}handleValuesChange(next,previous){this.scatterDataVersion+=1;this.invalidateHitTestIndex();if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.displayValues=next;this.draw();return}this.routeValuesAnimation(previous,next)}handleSeriesChange(next,previous){this.scatterDataVersion+=1;this.autoActiveSeriesIndex=void 0;this.invalidateHitTestIndex();if(this.suppressNextSeriesAnimation){this.suppressNextSeriesAnimation=false;this.displaySeries=next;this.draw();return}this.routeSeriesAnimation(previous,next)}handleSeriesActiveTriggerChange(){if(this.normalizedSeriesActiveTrigger()==="custom")this.setAutoActiveSeriesIndex(void 0)}handleAnimationChange(){if(this.shouldInitialSequentialReveal(null)){this.cancelUpdateMorph(true);this.startInitialSequentialReveal();return}this.animator.clear();this.stopAnimationLoop(true);this.cancelUpdateMorph(true);this.displayValues=this.values;this.displaySeries=this.series;this.draw()}async redraw(){this.scatterDataVersion+=1;return this.draw()}async getActiveTier(){return this.activeTier}async addSeries(options,opts){const next=Array.isArray(this.series)?[...this.series]:[];const at=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.floor(opts.insertAt):next.length;next.splice(at,0,options);this.series=next;if(opts?.redraw!==false)this.draw();return at}async removeSeries(idOrIndex,opts){if(!Array.isArray(this.series))return false;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next.splice(idx,1);this.series=next;if(opts?.redraw!==false)this.draw();return true}async updateSeries(idOrIndex,patch,opts){if(!Array.isArray(this.series))return false;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next[idx]={...next[idx],...patch};this.series=next;if(opts?.redraw!==false)this.draw();return true}async setSeriesData(idOrIndex,data,opts){if(!Array.isArray(this.series))return false;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next[idx]={...next[idx],values:data};this.series=next;if(opts?.redraw!==false)this.draw();return true}async addPoint(idOrIndex,point,opts){if(!Array.isArray(this.series))return false;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();const existing=next[idx].values??[];const arr=existing.slice();if(opts?.shift===true&&arr.length>0)arr.shift();arr.push(point);next[idx]={...next[idx],values:arr};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next;this.invalidateHitTestIndex();if(this.shouldAnimate())this.startEnterAnimationForLastN(idx,1);if(opts?.redraw!==false)this.draw();return true}async showSeries(id,opts){return this.updateSeriesVisible(id,true,opts)}async hideSeries(id,opts){return this.updateSeriesVisible(id,false,opts)}async appendPoint(point){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.appendPointNow(point))}async appendPointNow(point){if(this.streamCallFrozen("appendPoint"))return;const source=this.streamTarget();if(source){source.push(point);return}await this.addPoint(0,point)}async appendBatch(idOrIndex,points){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.appendBatchNow(idOrIndex,points))}appendBatchNow(idOrIndex,points){if(!Array.isArray(points)||points.length===0)return;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return;if(idx===0&&this.streamCallFrozen("appendBatch"))return;const source=idx===0?this.streamTarget():void 0;if(source){source.pushBatch(points);return}if(!Array.isArray(this.series))return;const next=this.series.slice();const existing=next[idx].values??[];const arr=existing.slice();for(const p of points)arr.push(p);next[idx]={...next[idx],values:arr};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next;this.invalidateHitTestIndex();if(this.shouldAnimate())this.startEnterAnimationForLastN(idx,points.length);this.appended.emit({count:points.length});this.draw()}async shift(idOrIndex,count=1){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.shiftNow(idOrIndex,count))}shiftNow(idOrIndex,count){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return;if(idx===0&&this.streamCallFrozen("shift"))return;const source=idx===0?this.streamTarget():void 0;if(source){source.shift(count);return}if(!Array.isArray(this.series))return;const next=this.series.slice();const existing=next[idx].values??[];const dropCount=Math.max(0,Math.min(Math.floor(Number.isFinite(count)?count:0),existing.length));if(dropCount===0)return;if(this.shouldAnimate()){const startIdx=this.ghostsBySeries.get(idx)?.length??0;const ghostList=this.ghostsBySeries.get(idx)??[];for(let i=0;i<dropCount;i++){ghostList.push(existing[i])}this.ghostsBySeries.set(idx,ghostList);for(let i=0;i<dropCount;i++){const ghostIdx=startIdx+i;const key=`s${idx}:g${ghostIdx}`;this.animator.start(key,{phase:"exit",easing:this.animationEasing,duration:this.animationDuration,onComplete:()=>{const list=this.ghostsBySeries.get(idx);if(!list)return;list[ghostIdx]=void 0;if(list.every(g=>g===void 0))this.ghostsBySeries.delete(idx);this.draw()}})}this.startAnimationLoop()}next[idx]={...next[idx],values:existing.slice(dropCount)};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next;this.invalidateHitTestIndex();this.windowSlid.emit({dropped:dropCount});this.draw()}async replace(idOrIndex,points){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.replaceNow(idOrIndex,points))}replaceNow(idOrIndex,points){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return;if(idx===0&&this.streamCallFrozen("replace"))return;const source=idx===0?this.streamTarget():void 0;if(source){source.replace(points);return}if(!Array.isArray(this.series))return;const next=this.series.slice();next[idx]={...next[idx],values:Array.isArray(points)?points.slice():[]};this.suppressNextSeriesAnimation=true;this.series=next;this.displaySeries=next;this.invalidateHitTestIndex();this.draw()}async getStreamSource(){return this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.activeStreamSource())}async getEngineStatus(){return engineSwapStatus(this.engine,this.activeTier,this.engineOutcome,this.engineLicenseState)}engineLicense(){const verdict=engineLicenseVerdict(this.license.state(ENGINE_LICENSE_FEATURE));if(verdict.code)this.license.refuse(ENGINE_LICENSE_FEATURE,verdict.state,"engine");return verdict}engineAllowed(){return this.license.state(ENGINE_LICENSE_FEATURE)==="valid"}handleLicenseChange(change){if(this.detached)return;if(change.feature===ENGINE_LICENSE_FEATURE){if(change.state!=="valid"){this.rendererToken++;this.proInitInFlight=void 0}void this.draw();return}if(change.feature!==STREAMING_LICENSE_FEATURE)return;if(change.state==="valid"){if(this.license.isFrozen(STREAMING_LICENSE_FEATURE))this.license.setFrozen(STREAMING_LICENSE_FEATURE,false)}else if(change.previousState==="valid"&&this.streamSessionKept()){this.license.setFrozen(STREAMING_LICENSE_FEATURE,true)}this.bindStreamSource();void this.draw()}async setAnimation(options){if(!options||typeof options!=="object")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.animationActive)this.chartAnimationInterrupted.emit();this.animated=options.enabled;if(!options.enabled){this.animator.clear();this.cancelUpdateMorph(false);this.stopAnimationLoop(false)}}}async pauseAnimation(){const now=typeof performance!=="undefined"?performance.now():0;this.animator.pauseAll(now);if(this.animationFrameHandle!==null&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}this.pauseUpdateMorph()}async resumeAnimation(){const now=typeof performance!=="undefined"?performance.now():0;this.animator.resumeAll(now);if(this.animator.entries().size>0){this.animationActive=true;this.scheduleAnimationFrame()}this.resumeUpdateMorph()}async hitTestPoint(cssX,cssY){const frame=this.computeCartesianLayout();if(!frame)return null;const hit=this.hitTestInternal(cssX,cssY,frame);if(!hit)return null;return{pointIndex:hit.pointIndex,seriesIndex:hit.seriesIndex}}async showTooltipAtPoint(pointIndex,seriesIndex=0){const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(!tooltipSpec.show)return null;const frame=this.computeCartesianLayout();if(!frame)return null;const points=this.resolvedPoints(frame);const point=points.find(p=>p.seriesIndex===seriesIndex&&p.pointIndex===pointIndex);if(!point)return null;const hit={seriesIndex:point.seriesIndex,pointIndex:point.pointIndex,value:point.y,dataX:point.x,cssX:point.cssX,cssY:point.cssY,distancePx:0,radius:point.radius};return this.showTooltipForHit(frame,hit,tooltipSpec,true)}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)}async showCrosshairAt(request){const frame=this.computeCartesianLayout();const position=frame?crosshairPositionFor(frame,request):null;this.cartesianCursor=position;return position!==null}async hideCrosshair(){this.cartesianCursor=null}zoomSpec(){return resolveCartesianZoomSpec(this.zoom)}zoomInteractionHost(){return{frame:()=>this.computeCartesianLayout()??void 0,spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next;this.invalidateHitTestIndex();void this.draw()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.clearTooltips();if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}}zoomPointerInput(e){const point=this.hostCoords(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.hostCoords(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()};syncInitialDrawings(){const history=this.drawingHistory;if(history.past.length>0||history.future.length>0||history.present.drawings.length>0)return;if(this.drawings===void 0||this.drawings===null||this.drawings==="")return;this.drawingHistory=createDrawingHistory(resolveDrawingsInput(this.drawings))}drawingInteraction=new DrawingInteraction(this.drawingInteractionHost());drawingTextMeasurer=createSvgTextMeasurer(void 0,void 0,()=>!this.detached);axisTextMeasurer=createCanvasTextMeasurer();fontRevision=0;handleFontChange=()=>{if(this.detached)return;this.drawingTextMeasurer.clear();this.axisTextMeasurer.clear();this.fontRevision++;void this.draw()};handleDrawingModeChange(){if(this.drawingModeState().mode!=="select"&&this.drawingSelection.length>0)this.applyDrawingSelection([],"mode")}drawingModeState(){return resolveDrawingMode(this.drawingMode,this.drawingTool)}drawingKeyboardOn(){const mode=this.drawingModeState().mode;return mode==="draw"||mode==="select"}drawingInteractionHost(){return{frame:()=>this.brushHostFrame(),mode:()=>this.drawingModeState(),space:()=>this.drawingSpace==="pixel"?"pixel":"data",commit:input=>{this.applyDrawingAction({type:"add",drawing:input},"draw")},preview:preview=>{this.drawingPreview=preview},standDown:()=>this.zoomStandDown(),rendered:()=>this.renderedDrawings(),selection:()=>this.drawingSelection,select:(ids,source)=>{this.applyDrawingSelection(ids,source)},marquee:rect=>{this.drawingMarquee=rect},dragPreview:entries=>{this.drawingDragPreview=entries},commitAnchors:entries=>{this.applyDrawingAction({type:"anchors",entries},"move")},remove:ids=>{this.applyDrawingAction({type:"removeMany",ids},"keyboard")},undo:()=>{void this.undoDrawing()},redo:()=>{void this.redoDrawing()}}}applyDrawingAction(action,source){const next=historyApply(this.drawingHistory,action);if(next===this.drawingHistory)return null;this.drawingHistory=next;const id="id"in action?action.id:action.type==="add"?next.present.drawings[next.present.drawings.length-1]?.id:void 0;const detail=drawingsChangeDetail(next,action.type,source,id);this.drawingsChange.emit(detail);this.pruneDrawingSelection();return detail}onDrawingsProp(){this.drawingHistory=createDrawingHistory(resolveDrawingsInput(this.drawings));this.drawingsChange.emit(drawingsChangeDetail(this.drawingHistory,"set","prop"));this.pruneDrawingSelection()}async getDrawings(){return[...this.drawingHistory.present.drawings]}async setDrawings(drawings){return this.applyDrawingAction({type:"set",drawings:drawings??[]},"api")}async addDrawing(drawing){const detail=this.applyDrawingAction({type:"add",drawing},"api");return detail?.id?this.drawingHistory.present.drawings.find(d=>d.id===detail.id)??null:null}async updateDrawing(id,patch){const detail=this.applyDrawingAction({type:"update",id,patch},"api");return detail?this.drawingHistory.present.drawings.find(d=>d.id===id)??null:null}async removeDrawing(id){return this.applyDrawingAction({type:"remove",id},"api")!==null}async removeDrawings(ids){return this.applyDrawingAction({type:"removeMany",ids:[...ids]},"api")}async setDrawingSpace(id,space){const frame=this.brushHostFrame();const drawing=this.drawingHistory.present.drawings.find(d=>d.id===id);if(!frame||!drawing)return null;if(drawing.space===space)return drawing;const detail=this.applyDrawingAction({type:"update",id,patch:{space,anchors:convertDrawingSpace(drawing,frame,space)}},"api");return detail?this.drawingHistory.present.drawings.find(d=>d.id===id)??null:null}async clearDrawings(){return this.applyDrawingAction({type:"clear"},"clear")}async undoDrawing(){const next=historyUndo(this.drawingHistory);if(next===this.drawingHistory)return null;this.drawingHistory=next;const detail=drawingsChangeDetail(next,"undo","undo");this.drawingsChange.emit(detail);this.pruneDrawingSelection();return detail}async redoDrawing(){const next=historyRedo(this.drawingHistory);if(next===this.drawingHistory)return null;this.drawingHistory=next;const detail=drawingsChangeDetail(next,"redo","redo");this.drawingsChange.emit(detail);this.pruneDrawingSelection();return detail}async getDrawingLayer(){if(this.drawingHistory.present.drawings.length===0)return null;const overlay=this.host.querySelector("svg.sy-scatter-chart__drawings");return overlay?snapshotDrawingLayer(overlay):null}async exportDrawings(){return serializeDrawings(this.drawingHistory.present)}async importDrawings(input){return this.applyDrawingAction({type:"set",drawings:resolveDrawingsInput(input).drawings},"api")}renderedDrawings(){const frame=this.brushHostFrame();return frame?renderDrawings(this.drawingHistory.present,frame,{measureText:this.drawingTextMeasurer,background:this.drawingBackground}):[]}applyDrawingSelection(ids,source){const next=pruneDrawingSelection([...new Set(ids)],this.drawingHistory.present);if(sameDrawingSelection(this.drawingSelection,next))return null;this.drawingSelection=[...next];const detail={selected:[...next],source};this.drawingSelectionChange.emit(detail);return detail}pruneDrawingSelection(){if(this.drawingSelection.length===0)return;const next=pruneDrawingSelection(this.drawingSelection,this.drawingHistory.present);if(next!==this.drawingSelection)this.applyDrawingSelection(next,"prune")}async selectDrawings(ids){return this.applyDrawingSelection(ids??[],"api")}async getDrawingSelection(){return[...this.drawingSelection]}drawingBackground="#ffffff";resolveDrawingBackground(){const value=typeof getComputedStyle==="function"&&this.host?getComputedStyle(this.host).getPropertyValue("--sy-chart-bg").trim():"";return value||"#ffffff"}renderDrawingOverlay(frame){this.drawingBackground=this.resolveDrawingBackground();const preview=this.drawingPreview;const dragged=this.drawingDragPreview;const document2=dragged?{drawings:this.drawingHistory.present.drawings.map(d=>{const entry=dragged.find(e=>e.id===d.id);return entry?{...d,anchors:entry.anchors}:d})}:this.drawingHistory.present;if(!preview&&!this.drawingMarquee&&document2.drawings.length===0)return null;const plot=frame.plot;const drawingFrame={plot,xScale:frame.xScale,yScale:frame.yScale};const rendered=renderDrawings(document2,drawingFrame,{measureText:this.drawingTextMeasurer,background:this.drawingBackground}).map(entry=>({...entry,preview:false}));if(preview)rendered.push({...renderDrawing({id:"__preview",tool:preview.tool,anchors:preview.anchors,space:preview.space,visible:true},drawingFrame,{measureText:this.drawingTextMeasurer,background:this.drawingBackground}),preview:true});const local=(x,y)=>({x:x-plot.x,y:y-plot.y});const primitive=(entry,p,index)=>{const style=p.style?{...entry.style,...p.style}:entry.style;const stroke={stroke:style.color,strokeWidth:String(style.width),strokeDasharray:dashArrayFor(style.dash,style.width),fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};const filled={...stroke,fill:style.fill,fillOpacity:String(style.fillOpacity)};const key=`${entry.id}-${index}`;switch(p.kind){case"line":{const a=local(p.x1,p.y1);const b=local(p.x2,p.y2);return h("line",{key,"data-drawing-role":p.role,x1:a.x,y1:a.y,x2:b.x,y2:b.y,style:stroke})}case"polyline":{const points=p.points.map(point=>local(point.x,point.y)).map(point=>`${point.x.toFixed(2)},${point.y.toFixed(2)}`).join(" ");return p.closed?h("polygon",{key,"data-drawing-role":p.role,points,style:filled}):h("polyline",{key,"data-drawing-role":p.role,points,style:stroke})}case"rect":{const a=local(p.x,p.y);return h("rect",{key,"data-drawing-role":p.role,x:a.x,y:a.y,width:p.width,height:p.height,style:filled})}case"circle":{const c=local(p.cx,p.cy);return h("circle",{key,"data-drawing-role":p.role,cx:c.x,cy:c.y,r:p.r,style:filled})}case"text":{const t=local(p.x,p.y);return h("text",{key,"data-drawing-role":p.role,x:t.x,y:t.y,"text-anchor":p.anchor??"start","dominant-baseline":p.baseline??"auto",style:{fill:entry.labelColor,fontSize:`${style.fontSize}px`,fontFamily:"system-ui, sans-serif"}},p.text)}case"path":return h("path",{key,"data-drawing-role":p.role,d:p.d,style:stroke});default:return null}};return h("svg",{class:"sy-scatter-chart__drawings","aria-hidden":"true",width:plot.width,height:plot.height,viewBox:`0 0 ${plot.width} ${plot.height}`,style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,overflow:"hidden",pointerEvents:"none"}},rendered.map(entry=>h("g",{key:entry.id,class:{"sy-scatter-chart__drawing":true,"sy-scatter-chart__drawing--preview":entry.preview,"sy-scatter-chart__drawing--locked":entry.drawing.locked===true,"sy-scatter-chart__drawing--selected":!entry.preview&&this.drawingSelection.includes(entry.id)},"data-drawing-id":entry.preview?void 0:entry.id,"data-drawing-tool":entry.tool,style:{opacity:String(entry.preview?Math.min(1,entry.style.opacity*.7):entry.style.opacity)}},entry.primitives.map((p,index)=>primitive(entry,p,index)))),rendered.filter(entry=>!entry.preview&&this.drawingSelection.includes(entry.id)).map(entry=>{const box=primitiveBounds(entry.primitives);return box?h("rect",{key:`selection-${entry.id}`,class:"sy-scatter-chart__drawing-selection","data-selection-id":entry.id,x:box.x-plot.x-4,y:box.y-plot.y-4,width:box.width+8,height:box.height+8,style:{fill:"none",stroke:"var(--sy-drawing-selection, #2563eb)",strokeWidth:"1",strokeDasharray:"3 3"}}):null}),rendered.filter(entry=>!entry.preview&&this.drawingSelection.includes(entry.id)&&entry.drawing.locked!==true).map(entry=>thinHandleIndices(entry.points).map(index=>{const p=entry.points[index];return h("circle",{key:`handle-${entry.id}-${index}`,class:"sy-scatter-chart__drawing-handle","data-handle-id":entry.id,"data-handle-index":String(index),cx:p.x-plot.x,cy:p.y-plot.y,r:4,style:{fill:"var(--sy-drawing-handle-bg, #ffffff)",stroke:"var(--sy-drawing-selection, #2563eb)",strokeWidth:"1.5"}})})),this.drawingMarquee&&h("rect",{class:"sy-scatter-chart__drawing-marquee",x:this.drawingMarquee.x-plot.x,y:this.drawingMarquee.y-plot.y,width:this.drawingMarquee.width,height:this.drawingMarquee.height,style:{fill:"var(--sy-drawing-marquee-bg, rgba(37, 99, 235, 0.08))",stroke:"var(--sy-drawing-selection, #2563eb)",strokeWidth:"1",strokeDasharray:"4 3"}}))}brushInteraction=new BrushInteraction(this.brushInteractionHost());brushSpec(){return resolveCartesianBrushSpec(this.brush)}brushKeyboardOn(){const spec=this.brushSpec();return spec.enabled&&spec.keyboard}brushHostFrame(){const frame=this.computeCartesianLayout();return frame?{plot:frame.plot,xScale:frame.xScale,yScale:frame.yScale}:void 0}brushInteractionHost(){return{frame:()=>this.brushHostFrame(),spec:()=>this.brushSpec(),state:()=>this.brushState,apply:next=>{this.brushState=next},emit:detail=>{this.brushChange.emit(detail)},preview:shape=>{this.brushPreview=shape},standDown:()=>this.zoomStandDown(),points:()=>this.brushPoints(),start:detail=>{this.brushStart.emit(detail)},move:detail=>{this.brushMove.emit(detail)},end:detail=>{this.brushEnd.emit(detail)}}}brushPoints(){const frame=this.computeCartesianLayout();if(!frame)return[];return this.resolvedPoints(frame).map(p=>({seriesIndex:p.seriesIndex,index:p.pointIndex,cssX:p.cssX,cssY:p.cssY,dataX:p.x,dataY:p.y}))}async setBrush(areas){return this.brushInteraction.setAreas(areas)}async clearBrush(){return this.brushInteraction.clear()}async getBrush(){return this.brushState?[...this.brushState.areas]:[]}async getBrushSelection(){return this.brushInteraction.selection()}visualMapBound=false;effectiveVisualMap(){return this.visualMapBound?this.visualMapState:this.visualMap??null}onVisualMapProp(){this.visualMapBound=false;this.visualMapState=this.visualMap??null;this.requestVisualMapDraw()}requestVisualMapDraw(){void this.draw()}async setVisualMap(binding){this.visualMapBound=true;this.visualMapState=binding??null;this.requestVisualMapDraw();return this.visualMapState}async getVisualMap(){return this.effectiveVisualMap()}async getVisualExtent(request){const dimension=request?.dimension??"value";if(dimension!=="value"&&dimension!=="x"&&dimension!=="y"&&dimension!=="index"){const values=[];const series=this.drawSeriesSource();const lists=series&&series.length>0?series.map(entry=>entry.values??[]):[this.drawValuesSource()??[]];for(const list of lists){for(const datum of list){const value=readDatumField(datum,dimension);if(value!==null)values.push(value)}}return visualMapExtentOf(values)}return visualMapExtentOf(this.brushPoints().map(point=>visualMapPointValue(point,dimension,"y")))}renderBrushOverlay(frame){const preview=this.brushPreview;const areas=this.brushState?.areas??[];if(!preview&&areas.length===0)return null;const plot=frame.plot;const shapes=areas.map(area=>pixelShapeFromArea(area,frame.xScale,frame.yScale));const rects=shapes.flatMap((shape,index)=>shape.kind==="rect"?[{index,band:false,rect:clipRectToPlot(shape.rect,plot)}]:shape.kind==="band"?[{index,band:true,rect:bandRectForPlot(shape,plot)}]:[]).filter(entry=>entry.rect!==null);const polygons=shapes.flatMap((shape,index)=>shape.kind==="polygon"?[{index,points:shape.points}]:[]);const previewRect=preview?.kind==="rect"?preview.rect:preview?.kind==="band"?bandRectForPlot(preview,plot):null;const previewPolygon=preview?.kind==="polygon"?preview.points:null;const box=rect=>({position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,boxSizing:"border-box"});const polygonPoints=points=>points.map(point=>`${(point.x-plot.x).toFixed(1)},${(point.y-plot.y).toFixed(1)}`).join(" ");return h("div",{class:"sy-scatter-chart__brush","aria-hidden":"true",style:{position:"absolute",left:"0px",top:"0px",width:"0px",height:"0px",overflow:"visible",pointerEvents:"none"}},rects.map(entry=>h("div",{class:{"sy-scatter-chart__brush-area":true,"sy-scatter-chart__brush-area--band":entry.band},"data-brush-index":String(entry.index),style:{...box(entry.rect),background:"var(--sy-brush-bg, rgba(16, 185, 129, 0.14))",border:"1px dashed var(--sy-brush-border, rgba(5, 150, 105, 0.8))"}})),previewRect&&h("div",{class:"sy-scatter-chart__brush-preview",style:{...box(previewRect),background:"var(--sy-brush-bg, rgba(16, 185, 129, 0.14))",border:"1px solid var(--sy-brush-border, rgba(5, 150, 105, 0.8))"}}),(polygons.length>0||previewPolygon)&&h("svg",{class:"sy-scatter-chart__brush-lasso",width:plot.width,height:plot.height,viewBox:`0 0 ${plot.width} ${plot.height}`,style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,overflow:"hidden",pointerEvents:"none"}},polygons.map(entry=>h("polygon",{class:"sy-scatter-chart__brush-area sy-scatter-chart__brush-area--lasso","data-brush-index":String(entry.index),points:polygonPoints(entry.points),style:{fill:"var(--sy-brush-bg, rgba(16, 185, 129, 0.14))",stroke:"var(--sy-brush-border, rgba(5, 150, 105, 0.8))",strokeWidth:"1",strokeDasharray:"4 3"}})),previewPolygon&&h("polyline",{class:"sy-scatter-chart__brush-preview sy-scatter-chart__brush-preview--lasso",points:polygonPoints(previewPolygon),style:{fill:"var(--sy-brush-bg, rgba(16, 185, 129, 0.14))",stroke:"var(--sy-brush-border, rgba(5, 150, 105, 0.8))",strokeWidth:"1"}})))}handleZoomPointerDown=e=>{if(this.drawingInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId);return}if(this.brushInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId);return}if(this.zoomInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId)}};updateDrawingCursor(e){const state=this.drawingModeState();const mode=state.mode==="draw"?"draw":state.mode==="select"?"select":"off";let hover=null;if(mode==="select"){if(this.drawingInteraction.isDragging)hover=this.drawingInteraction.dragsHandle?"handle":"body";else{const input=this.zoomPointerInput(e);hover=drawingHoverTarget({x:input.x,y:input.y},this.renderedDrawings(),this.drawingSelection)}}const cursor=drawingCursor(mode,hover,this.drawingInteraction.isDragging);const target=this.canvas??this.host;if(target&&target.style.cursor!==cursor)target.style.cursor=cursor}handleZoomPointerMove(e){this.updateDrawingCursor(e);if(this.drawingInteraction.pointerMove(this.zoomPointerInput(e)))return true;if(this.brushInteraction.pointerMove(this.zoomPointerInput(e)))return true;return this.zoomInteraction.pointerMove(this.zoomPointerInput(e))}handleZoomPointerUp=e=>{if(this.drawingInteraction.isPending){this.drawingInteraction.pointerUp(this.zoomPointerInput(e));e.currentTarget?.releasePointerCapture?.(e.pointerId);return}if(this.brushInteraction.isPending){this.brushInteraction.pointerUp(this.zoomPointerInput(e));e.currentTarget?.releasePointerCapture?.(e.pointerId);return}const owned=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(e));if(owned)e.currentTarget?.releasePointerCapture?.(e.pointerId)};handleZoomPointerCancel=()=>{this.drawingInteraction.pointerCancel();this.brushInteraction.pointerCancel();this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){if(this.drawingInteraction.consumeSuppressedClick())return true;return this.brushInteraction.consumeSuppressedClick()||this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown=e=>{if(this.drawingInteraction.keyDown(e)){e.preventDefault();return}if(this.brushInteraction.keyDown(e)||this.zoomInteraction.keyDown(e))e.preventDefault()};renderZoomOverlay(cartesian){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const plot=cartesian.plot;return h("div",{class:"sy-scatter-chart__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"4"}},selection&&h("div",{class:"sy-scatter-chart__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-scatter-chart__zoom-reset","aria-label":"Reset zoom",onClick:()=>{void this.resetZoom()},style:{...ZoomInteraction.resetButtonStyle,position:"absolute",left:`${plot.x+plot.width-8}px`,top:`${plot.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"))}updateSeriesVisible(idOrIndex,visible,opts){if(!Array.isArray(this.series))return false;const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next[idx]={...next[idx],visible};this.series=next;if(opts?.redraw!==false)this.draw();return true}resolveSeriesIndex(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);if(Array.isArray(this.series))return idx>=0&&idx<this.series.length?idx:-1;return idx===0?0:-1}if(!Array.isArray(this.series))return-1;for(let i=0;i<this.series.length;i++){if(this.series[i]?.id===idOrIndex)return i}return-1}hasExplicitSeries(series=this.series){return Array.isArray(series)&&series.length>0}effectiveDisabledSeriesIndexes(series=this.series){const merged=new Set;for(const idx of this.legendDisabled)merged.add(idx);if(this.hasExplicitSeries(series)){for(let i=0;i<series.length;i++){const entry=series[i];if(entry&&isSeriesVisible$1(entry)===false)merged.add(i)}}return merged}seriesForRender(series=this.series){if(!this.hasExplicitSeries(series))return void 0;const disabled=this.effectiveDisabledSeriesIndexes(series);if(disabled.size===0)return series;return series.map((entry,idx)=>disabled.has(idx)?{...entry,visible:false}:entry)}drawSeriesSource(){return this.displaySeries??this.series}drawValuesSource(){return this.displayValues??this.values}resolvedActiveSeriesIndex(){const explicit=this.activeSeriesIndex;if(typeof explicit==="number"&&Number.isFinite(explicit)&&explicit>=0)return Math.trunc(explicit);return this.autoActiveSeriesIndex}normalizedSeriesActiveTrigger(){return this.seriesActiveTrigger==="click"||this.seriesActiveTrigger==="custom"?this.seriesActiveTrigger:"hover"}setAutoActiveSeriesIndex(value){if(typeof this.activeSeriesIndex==="number"&&Number.isFinite(this.activeSeriesIndex)&&this.activeSeriesIndex>=0)return;if(this.autoActiveSeriesIndex===value)return;this.autoActiveSeriesIndex=value}async ensureRenderer(){if(this.detached)return void 0;const canvas=this.canvas;if(!canvas)return void 0;const series=this.seriesForRender(this.drawSeriesSource());const pointCount=this.sourcePointCount(series);const availability=gpuTierAvailability({proModulePresent:hasScatterChartProRenderer});const engineInputs={requested:this.engine,pointCount,proThreshold:this.proThreshold,onUnavailable:this.unavailable,proAvailable:availability.available,proUnavailableReason:availability.reason,features:{color:this.color,markerLineWidth:this.markerLineWidth,inactiveOtherPoints:this.inactiveOtherPoints}};let raw=pickEngine(engineInputs);const license=raw.tier==="pro"&&!this.proInitFailed?this.engineLicense():null;if(license?.code)raw=pickEngine({...engineInputs,proAvailable:false,proUnavailableReason:license.reason,proUnavailableCode:license.code});const latched=this.proInitFailed&&raw.tier==="pro";const decision=latched?{tier:"standard",fallbackReason:this.proInitFailReason,degradedReason:void 0}:raw;this.engineLicenseState=license?.state??null;this.engineOutcome=latched?engineFailureOutcome(this.proInitFailReason??""):engineSwapOutcome({requested:this.engine,tier:decision.tier,license,renderer:availability.available?null:{code:rendererCodeOf(hasScatterChartProRenderer),reason:availability.reason??""},fallbackReason:decision.fallbackReason,featureFallbackReason:raw.featureFallbackReason,degradedReason:decision.degradedReason});this.activeTier=decision.tier;if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;if(decision.degradedReason!==this.degradedReason)this.degradedReason=decision.degradedReason;if(this.renderer&&this.rendererTier===decision.tier)return this.renderer;if(decision.tier==="pro"&&this.proInitInFlight){return this.proInitInFlight}if(this.canvasTier!==void 0&&this.canvasTier!==this.activeTier)return void 0;++this.rendererToken;this.renderer?.destroy?.();this.renderer=void 0;this.rendererTier=void 0;this.activeTier="standard";this.renderer=new ScatterChartStandardRenderer(canvas);this.rendererTier="standard";return this.renderer}sourcePointCount(series){const list=series??this.series;if(!Array.isArray(list)){const values=this.drawValuesSource();return Array.isArray(values)?values.length:0}return list.reduce((sum,entry)=>sum+(entry?.values?.length??0),0)}computeCartesianLayout(){const legend=this.legend?this.buildLegendLayout():null;const outer=this.plotRectFromLegend(legend?.layout);const extents=this.computeExtents();const axes=resolveCartesianAxesSpec(this.xAxis,this.yAxis);const xExtents=this.computeXExtents();const yExtents=this.computeYExtents();const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:xExtents[cartesianAxisKey(axes.x,0)]??extents.x,xExtents,yExtent:yExtents[cartesianAxisKey(axes.y,0)]??extents.y,yExtents,zoom:this.zoomState??void 0});return{...frame,outer,plot:{x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height}}}plotRectFromLegend(layout){const fallback={x:0,y:0,width:Math.max(1,this.width),height:Math.max(1,this.height)};if(!layout?.remainingOuter)return fallback;return{x:layout.remainingOuter.x,y:layout.remainingOuter.y,width:Math.max(1,layout.remainingOuter.width),height:Math.max(1,layout.remainingOuter.height)}}computeExtents(){let xMin=Number.POSITIVE_INFINITY;let xMax=Number.NEGATIVE_INFINITY;let yMin=Number.POSITIVE_INFINITY;let yMax=Number.NEGATIVE_INFINITY;const ingest=(xRaw,yRaw)=>{if(typeof yRaw!=="number"||!Number.isFinite(yRaw))return;const x=typeof xRaw==="number"&&Number.isFinite(xRaw)?xRaw:0;if(x<xMin)xMin=x;if(x>xMax)xMax=x;if(yRaw<yMin)yMin=yRaw;if(yRaw>yMax)yMax=yRaw};if(this.hasExplicitSeries()){for(const entry of this.series){if(!entry||!isSeriesVisible$1(entry))continue;const values=entry.values??[];for(let i=0;i<values.length;i++){const datum=values[i];if(datum===null||datum===void 0)continue;if(typeof datum==="number")ingest(i,datum);else if(Array.isArray(datum))ingest(datum[0],datum[1]);else if(typeof datum==="object"){const obj=datum;ingest(obj.x??i,obj.y)}}}}else if(this.values?.length>0){for(let i=0;i<this.values.length;i++){const datum=this.values[i];if(datum===null||datum===void 0)continue;if(typeof datum==="number")ingest(i,datum);else if(Array.isArray(datum))ingest(datum[0],datum[1]);else if(typeof datum==="object"){const obj=datum;ingest(obj.x??i,obj.y)}}}if(!Number.isFinite(xMin)||!Number.isFinite(xMax)){xMin=0;xMax=1}else if(xMin===xMax){xMin-=.5;xMax+=.5}if(!Number.isFinite(yMin)||!Number.isFinite(yMax)){yMin=0;yMax=1}else if(yMin===yMax){yMin-=.5;yMax+=.5}return{x:{min:xMin,max:xMax},y:{min:yMin,max:yMax}}}computeXExtents(){if(!this.hasExplicitSeries())return{0:this.computeExtents().x};const buckets=new Map;for(const entry of this.series){if(!entry||!isSeriesVisible$1(entry))continue;const key=cartesianSeriesXAxisKey(entry);const bucket=buckets.get(key)??{min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};const values=entry.values??[];for(let i=0;i<values.length;i++){const datum=resolveScatterDatum(values[i],i);if(datum.y===null)continue;if(datum.x<bucket.min)bucket.min=datum.x;if(datum.x>bucket.max)bucket.max=datum.x}buckets.set(key,bucket)}if(buckets.size===0)return{0:{min:0,max:1}};return Object.fromEntries(Array.from(buckets.entries()).map(([key,extent])=>{if(!Number.isFinite(extent.min)||!Number.isFinite(extent.max))return[key,{min:0,max:1}];if(extent.min===extent.max)return[key,{min:extent.min-.5,max:extent.max+.5}];return[key,extent]}))}computeYExtents(){if(!this.hasExplicitSeries())return{0:this.computeExtents().y};const buckets=new Map;for(const entry of this.series){if(!entry||!isSeriesVisible$1(entry))continue;const key=cartesianSeriesYAxisKey(entry);const bucket=buckets.get(key)??{min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};const values=entry.values??[];for(let i=0;i<values.length;i++){const datum=resolveScatterDatum(values[i],i);if(datum.y===null)continue;if(datum.y<bucket.min)bucket.min=datum.y;if(datum.y>bucket.max)bucket.max=datum.y}buckets.set(key,bucket)}if(buckets.size===0)return{0:{min:0,max:1}};return Object.fromEntries(Array.from(buckets.entries()).map(([key,extent])=>{if(!Number.isFinite(extent.min)||!Number.isFinite(extent.max))return[key,{min:0,max:1}];if(extent.min===extent.max)return[key,{min:extent.min-.5,max:extent.max+.5}];return[key,extent]}))}resolvedPoints(frame){const series=this.drawSeriesSource();return prepareScatterRendererLayout({series:this.seriesForRender(series),activeSeriesIndex:this.resolvedActiveSeriesIndex(),seriesState:this.seriesState,seriesActiveTrigger:this.normalizedSeriesActiveTrigger(),values:this.drawValuesSource(),width:frame.plot.width,height:frame.plot.height,color:this.color,marker:this.marker,markerSize:this.markerSize,markerLineWidth:this.markerLineWidth,inactiveOtherPoints:this.inactiveOtherPoints,inactivePointOpacity:this.inactivePointOpacity,visualMap:this.effectiveVisualMap(),plot:frame.plot,xProject:frame.xScale,yProject:frame.yScale,yProjectForSeries:yAxis=>frame.yScales[cartesianSeriesYAxisKey({yAxis})]??frame.yScale,xProjectForSeries:xAxis=>frame.xScales[cartesianSeriesXAxisKey({xAxis})]??frame.xScale,observedPixelSize:this.observedCanvasPixelSize,dataVersion:this.scatterDataVersion,projectionKey:scatterProjectionKey(frame.plot,frame.xScale,frame.yScale,this.projectionKeyExtra(frame))}).points}hitTestIndex;hitTestMaxRadius=0;hitTestFingerprint=null;hitTestVersion=0;ensureHitTestIndex(frame){const fingerprint=this.computeHitTestFingerprint(frame);if(this.hitTestIndex&&fingerprint===this.hitTestFingerprint){return this.hitTestIndex}const points=this.resolvedPoints(frame);if(points.length===0){this.hitTestIndex=void 0;this.hitTestMaxRadius=0;this.hitTestFingerprint=null;return null}const index=createQuadtreeIndex({bounds:{x:frame.plot.x,y:frame.plot.y,width:Math.max(1,frame.plot.width),height:Math.max(1,frame.plot.height)}});const items=new Array(points.length);let maxRadius=0;for(let i=0;i<points.length;i++){const p=points[i];items[i]={id:`s${p.seriesIndex}:p${p.pointIndex}`,kind:"point",x:p.cssX,y:p.cssY,payload:p};if(p.radius>maxRadius)maxRadius=p.radius}index.add(items);this.hitTestIndex=index;this.hitTestMaxRadius=maxRadius;this.hitTestFingerprint=fingerprint;return index}computeHitTestFingerprint(frame){const series=this.drawSeriesSource();const values=this.drawValuesSource();const seriesPart=Array.isArray(series)?series.map(s=>`${s?.id??"?"}:${s?.visible===false?"h":"v"}:${s?.values?.length??0}`).join("|"):`legacy:${values?.length??0}`;const statePart=`${this.legendDisabled.size}:${this.activeSeriesIndex??"-"}:${this.autoActiveSeriesIndex??"-"}`;const plotPart=`${Math.round(frame.plot.x)}.${Math.round(frame.plot.y)}.${Math.round(frame.plot.width)}.${Math.round(frame.plot.height)}`;return`${seriesPart}#${statePart}#${plotPart}#${this.marker}:${this.markerSize}#v${this.hitTestVersion}`}invalidateHitTestIndex(){this.hoveredPoint=null;this.hitTestVersion++;this.hitTestIndex=void 0;this.hitTestFingerprint=null}hitTestInternal(cssX,cssY,frame){const index=this.ensureHitTestIndex(frame);if(!index)return null;const userTolerance=Math.max(0,Number.isFinite(this.hitTolerance)?this.hitTolerance:0);const queryTolerance=Math.max(userTolerance,this.hitTestMaxRadius);const result=index.testPoint(cssX,cssY,{tolerance:queryTolerance});if(!result||!result.item.payload)return null;const point=result.item.payload;const perPointReach=Math.max(userTolerance,point.radius);if(result.distance>perPointReach)return null;return{seriesIndex:point.seriesIndex,pointIndex:point.pointIndex,value:point.y,dataX:point.x,cssX:point.cssX,cssY:point.cssY,distancePx:result.distance,radius:point.radius,point}}progressiveInput(){if(!this.progressive)return null;return{progressive:this.progressive,threshold:this.progressiveThreshold,onProgress:(drawn,total)=>{this.renderProgress.emit({drawn,total,done:drawn>=total})}}}async draw(){if(this.detached)return{points:0,renderMs:0};if(!this.canvas)return{points:0,renderMs:0};const renderer=await this.ensureRenderer();if(!renderer||this.detached)return{points:0,renderMs:0};const frame=this.computeCartesianLayout();const series=this.drawSeriesSource();const result=await renderer.draw({series:this.seriesForRender(series),activeSeriesIndex:this.resolvedActiveSeriesIndex(),seriesState:this.seriesState,seriesActiveTrigger:this.normalizedSeriesActiveTrigger(),values:this.drawValuesSource(),width:frame.plot.width,height:frame.plot.height,color:this.color,marker:this.marker,markerSize:this.markerSize,markerLineWidth:this.markerLineWidth,inactiveOtherPoints:this.inactiveOtherPoints,inactivePointOpacity:this.inactivePointOpacity,visualMap:this.effectiveVisualMap(),plot:frame.plot,xProject:frame.xScale,yProject:frame.yScale,yProjectForSeries:yAxis=>frame.yScales[cartesianSeriesYAxisKey({yAxis})]??frame.yScale,xProjectForSeries:xAxis=>frame.xScales[cartesianSeriesXAxisKey({xAxis})]??frame.xScale,observedPixelSize:this.observedCanvasPixelSize,dataVersion:this.scatterDataVersion,projectionKey:scatterProjectionKey(frame.plot,frame.xScale,frame.yScale,this.projectionKeyExtra(frame)),progressive:this.progressiveInput(),activePointIndex:this.hoveredPoint?.pointIndex??null,activeSeriesIndexForActivePoint:this.hoveredPoint?.seriesIndex??null,animationProgress:this.animationProgress.size>0?this.animationProgress:void 0,ghosts:this.ghostsBySeries.size>0?this.ghostsBySeries:void 0});this.rendered.emit({...result,tier:this.activeTier});return result}now(){return typeof performance!=="undefined"?performance.now():0}shouldInitialSequentialReveal(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="initial"}shouldUpdateMorph(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="update"}resolveAnimationType(previous){if(this.animationType)return this.animationType;return this.hasAnimationBaseline(previous)?"update":"initial"}hasAnimationBaseline(input){return Array.isArray(input)&&input.length>0}routeValuesAnimation(previous,next){const from=this.displayValues??previous??[];if(this.shouldInitialSequentialReveal(previous)){this.cancelUpdateMorph(true);this.displayValues=next;this.startInitialSequentialReveal();return}this.startUpdateMorph(from,next,void 0,void 0,previous)}routeSeriesAnimation(previous,next){const from=this.displaySeries??previous;if(this.shouldInitialSequentialReveal(previous)){this.cancelUpdateMorph(true);this.displaySeries=next;this.startInitialSequentialReveal();return}this.startUpdateMorph(this.displayValues??this.values,this.values,from,next,previous)}startUpdateMorph(previousValues,nextValues,previousSeries,nextSeries,previousBaseline){this.animator.clear();this.stopAnimationLoop(false);this.cancelUpdateMorph(true);if(!this.shouldUpdateMorph(previousBaseline)){this.displayValues=nextValues;this.displaySeries=nextSeries??this.series;this.draw();return}const duration=Math.max(0,Number(this.animationDuration)||0);if(duration<=0){this.displayValues=nextValues;this.displaySeries=nextSeries??this.series;this.draw();return}this.updateMorphState={previousValues:this.cloneValues(previousValues),nextValues:this.cloneValues(nextValues),previousSeries:previousSeries?this.cloneSeries(previousSeries):void 0,nextSeries:nextSeries?this.cloneSeries(nextSeries):void 0,startedAt:this.now(),duration,paused:false,pausedElapsed:0};this.chartAnimationStart.emit();this.tickUpdateMorph(this.now())}tickUpdateMorph=now=>{this.updateMorphFrameHandle=null;const state=this.updateMorphState;if(!state||state.paused)return;const elapsed=now-state.startedAt;const raw=Math.max(0,Math.min(1,elapsed/Math.max(1,state.duration)));const eased=applyEasing(raw,this.animationEasing);this.displayValues=this.interpolateValues(state.previousValues,state.nextValues,eased);if(state.nextSeries){this.displaySeries=this.interpolateSeries(state.previousSeries,state.nextSeries,eased)}else{this.displaySeries=this.series}this.invalidateHitTestIndex();if(raw>=1){this.displayValues=state.nextValues;this.displaySeries=state.nextSeries??this.series;this.updateMorphState=void 0;this.invalidateHitTestIndex();this.draw();this.chartAnimationEnd.emit();return}this.draw();this.updateMorphFrameHandle=this.scheduleFrame(this.tickUpdateMorph)};cancelUpdateMorph(emitInterrupt){const wasRunning=!!this.updateMorphState;if(this.updateMorphFrameHandle!==null){this.cancelFrame(this.updateMorphFrameHandle);this.updateMorphFrameHandle=null}this.updateMorphState=void 0;if(wasRunning&&emitInterrupt)this.chartAnimationInterrupted.emit()}pauseUpdateMorph(){const state=this.updateMorphState;if(!state||state.paused)return;state.pausedElapsed=this.now()-state.startedAt;state.paused=true;if(this.updateMorphFrameHandle!==null){this.cancelFrame(this.updateMorphFrameHandle);this.updateMorphFrameHandle=null}}resumeUpdateMorph(){const state=this.updateMorphState;if(!state||!state.paused)return;state.paused=false;state.startedAt=this.now()-state.pausedElapsed;state.pausedElapsed=0;this.updateMorphFrameHandle=this.scheduleFrame(this.tickUpdateMorph)}startInitialSequentialReveal(){this.cancelUpdateMorph(true);this.animator.clear();this.animationProgress.clear();this.scatterDataVersion+=1;this.displayValues=this.values;this.displaySeries=this.series;if(!this.shouldInitialSequentialReveal()){this.draw();return}const keys=this.collectLivePointKeys();if(keys.length===0){this.draw();return}const duration=Math.max(0,Number(this.animationDuration)||0);const spread=keys.length<=1?0:.68;const localDuration=Math.max(1,duration*(1-spread));const delaySpan=Math.max(0,duration-localDuration);const denom=Math.max(1,keys.length-1);for(let i=0;i<keys.length;i++){this.animator.start(keys[i],{phase:"enter",easing:this.animationEasing,duration:localDuration,delay:i/denom*delaySpan})}this.refreshAnimationProgress(this.now());this.draw();this.startAnimationLoop()}collectLivePointKeys(){const keys=[];const series=this.drawSeriesSource();if(Array.isArray(series)&&series.length>0){for(let sIdx=0;sIdx<series.length;sIdx++){const values2=series[sIdx]?.values??[];for(let pIdx=0;pIdx<values2.length;pIdx++){const resolved=resolveScatterDatum(values2[pIdx],pIdx);if(resolved.y!==null)keys.push(`s${sIdx}:p${pIdx}`)}}return keys}const values=this.drawValuesSource();for(let pIdx=0;pIdx<values.length;pIdx++){const resolved=resolveScatterDatum(values[pIdx],pIdx);if(resolved.y!==null)keys.push(`s0:p${pIdx}`)}return keys}cloneValues(values){return Array.isArray(values)?values.slice():[]}cloneSeries(series){return series.map(entry=>({...entry,values:this.cloneValues(entry.values??[])}))}interpolateSeries(previous,next,progress){return next.map((entry,index)=>({...entry,values:this.interpolateValues(previous?.[index]?.values??[],entry.values??[],progress)}))}interpolateValues(previous,next,progress){const out=[];for(let i=0;i<next.length;i++){out.push(this.interpolateDatum(previous[i],next[i],i,progress))}return out}interpolateDatum(previous,next,index,progress){if(next===null||next===void 0)return next;const a=resolveScatterDatum(previous,index);const b=resolveScatterDatum(next,index);if(a.y===null||b.y===null)return next;const x=a.x+(b.x-a.x)*progress;const y=a.y+(b.y-a.y)*progress;if(typeof next==="number")return y;if(Array.isArray(next))return[x,y];return{...next,x,y}}scheduleFrame(callback){if(typeof requestAnimationFrame!=="function")return null;return requestAnimationFrame(callback)}cancelFrame(handle){if(typeof cancelAnimationFrame==="function")cancelAnimationFrame(handle)}tickAnimation=now=>{this.animationFrameHandle=null;if(!this.animator.hasActive()){this.stopAnimationLoop();return}this.refreshAnimationProgress(now);this.draw();this.animator.tick(now);if(this.animator.hasActive())this.scheduleAnimationFrame();else this.stopAnimationLoop()};scheduleAnimationFrame(){if(this.animationFrameHandle!==null)return;if(typeof requestAnimationFrame!=="function")return;this.animationFrameHandle=requestAnimationFrame(this.tickAnimation)}startAnimationLoop(){if(!this.animationActive){this.animationActive=true;this.chartAnimationStart.emit()}this.scheduleAnimationFrame()}stopAnimationLoop(emitEnd=true){if(this.animationFrameHandle!==null&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.animationFrameHandle)}this.animationFrameHandle=null;this.animationProgress.clear();this.scatterDataVersion+=1;if(this.animationActive){this.animationActive=false;if(emitEnd)this.chartAnimationEnd.emit()}}refreshAnimationProgress(now){this.scatterDataVersion+=1;this.animationProgress.clear();const allKeys=this.animator.entries();for(const key of allKeys.keys()){const value=this.animator.valueAt(key,now);if(!value)continue;this.animationProgress.set(key,{scale:value.scale,alpha:value.alpha})}}startEnterAnimationForLastN(seriesIndex,count){if(!this.shouldAnimate()||count<=0)return;const list=Array.isArray(this.series)&&this.series[seriesIndex]?this.series[seriesIndex]:null;const length=list?.values?.length??(seriesIndex===0?this.values.length:0);if(length===0)return;const start=Math.max(0,length-count);const activeCount=length-start;const delaySpan=activeCount<=1?0:Math.min(this.animationDuration*.18,120);const duration=Math.max(1,this.animationDuration-delaySpan);const denom=Math.max(1,activeCount-1);for(let i=0;i<activeCount;i++){const pointIdx=start+i;this.animator.start(`s${seriesIndex}:p${pointIdx}`,{phase:"enter",easing:this.animationEasing,duration,delay:i/denom*delaySpan})}this.startAnimationLoop()}shouldAnimate(){if(this.detached)return false;return this.animated===true&&this.animationDuration>0}bindPointerHandlers(){if(this.boundPointerHandlers||!this.canvas)return;this.canvas.addEventListener("pointerdown",this.handleZoomPointerDown);this.canvas.addEventListener("pointermove",this.handlePointerMove);this.canvas.addEventListener("pointerup",this.handleZoomPointerUp);this.canvas.addEventListener("pointercancel",this.handleZoomPointerCancel);this.canvas.addEventListener("pointerleave",this.handlePointerLeave);this.canvas.addEventListener("contextmenu",this.handlePointContextMenu);this.canvas.addEventListener("click",this.handlePointerClick);this.boundPointerHandlers=true}unbindPointerHandlers(){if(!this.boundPointerHandlers||!this.canvas)return;this.canvas.removeEventListener("pointerdown",this.handleZoomPointerDown);this.canvas.removeEventListener("pointermove",this.handlePointerMove);this.canvas.removeEventListener("pointerup",this.handleZoomPointerUp);this.canvas.removeEventListener("pointercancel",this.handleZoomPointerCancel);this.canvas.removeEventListener("pointerleave",this.handlePointerLeave);this.canvas.removeEventListener("contextmenu",this.handlePointContextMenu);this.canvas.removeEventListener("click",this.handlePointerClick);this.boundPointerHandlers=false}hostCoords(e){const rect=this.host.getBoundingClientRect();return{x:e.clientX-rect.left,y:e.clientY-rect.top}}isInsidePlot(frame,hostX,hostY){return hostX>=frame.plot.x&&hostX<=frame.plot.x+frame.plot.width&&hostY>=frame.plot.y&&hostY<=frame.plot.y+frame.plot.height}setHoveredPoint(hit){if(this.hoveredPoint?.pointIndex===hit?.pointIndex&&this.hoveredPoint?.seriesIndex===hit?.seriesIndex)return;this.hoveredPoint=hit?{pointIndex:hit.pointIndex,seriesIndex:hit.seriesIndex}:null;if(this.inactiveOtherPoints)void this.draw()}handlePointerMove=e=>{if(this.handleZoomPointerMove(e))return;const frame=this.computeCartesianLayout();const{x:hostX,y:hostY}=this.hostCoords(e);const hit=this.hitTestInternal(hostX,hostY,frame);this.setHoveredPoint(hit);if(this.normalizedSeriesActiveTrigger()==="hover"&&hit){this.setAutoActiveSeriesIndex(hit.seriesIndex)}const pointDetail=hit?{seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.pointIndex),pointIndex:hit.pointIndex,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:hit.dataX,dataY:hit.value}:null;const previousSeriesIndex=this.lastHoverSeriesIndex;const nextSeriesIndex=hit?hit.seriesIndex:null;if(previousSeriesIndex!==nextSeriesIndex){if(previousSeriesIndex!==null)this.invokeSeriesEvent(previousSeriesIndex,"mouseOut",e);if(nextSeriesIndex!==null)this.invokeSeriesEvent(nextSeriesIndex,"mouseOver",e);this.lastHoverSeriesIndex=nextSeriesIndex}this.pointHover.emit(pointDetail);const insidePlot=this.isInsidePlot(frame,hostX,hostY);const crosshairSpec=resolveCartesianCrosshairSpec(this.crosshair);if(crosshairSpec.show&&insidePlot){const snappedPoint=crosshairSpec.snap==="off"?void 0:this.nearestCrosshairPoint(frame,hostX,hostY,hit);const targetX=snappedPoint?.cssX??hostX;const targetY=snappedPoint?.cssY??hostY;const geometry=cartesianCrosshairGeometry({frame:{plot:frame.plot},cssX:targetX,cssY:targetY,spec:{...crosshairSpec,snap:"off"}});const cssX=snappedPoint?.cssX??geometry.verticalX??hostX;const cssY=snappedPoint?.cssY??geometry.horizontalY??hostY;this.cartesianCursor={cssX,cssY};this.crosshairMove.emit({cssX,cssY,dataX:snappedPoint?.x??frame.xScale.invert(cssX),dataY:snappedPoint?.y??frame.yScale.invert(cssY),snappedPointIndex:snappedPoint?.pointIndex??hit?.pointIndex})}else if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(tooltipSpec.show&&hit&&this.shouldShowTooltipOnHover(tooltipSpec)){this.showTooltipForHit(frame,hit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};nearestCrosshairPoint(frame,cssX,cssY,hit){if(hit?.point)return hit.point;const index=this.ensureHitTestIndex(frame);if(!index)return void 0;const userTolerance=Math.max(0,Number.isFinite(this.hitTolerance)?this.hitTolerance:0);const tolerance=Math.max(24,userTolerance,this.hitTestMaxRadius);return index.testPoint(cssX,cssY,{tolerance})?.item.payload}handlePointerLeave=()=>{this.setHoveredPoint(null);this.drawingInteraction.hoverEnd();const previousSeriesIndex=this.lastHoverSeriesIndex;this.pointHover.emit(null);if(previousSeriesIndex!==null){this.invokeSeriesEvent(previousSeriesIndex,"mouseOut");this.lastHoverSeriesIndex=null}if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};handlePointerClick=e=>{if(this.consumeSuppressedPlotClick())return;const frame=this.computeCartesianLayout();const{x:hostX,y:hostY}=this.hostCoords(e);const hit=this.hitTestInternal(hostX,hostY,frame);const activeTrigger=this.normalizedSeriesActiveTrigger();if(!hit){if(activeTrigger!=="custom")this.setAutoActiveSeriesIndex(void 0);this.clearTooltips();this.emitSeriesOutsideClick(e,frame);return}if(activeTrigger==="click")this.setAutoActiveSeriesIndex(hit.seriesIndex);this.pointClick.emit({seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.pointIndex),pointIndex:hit.pointIndex,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:hit.dataX,dataY:hit.value});this.invokeSeriesEvent(hit.seriesIndex,"click",e);const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){this.showTooltipForHit(frame,hit,tooltipSpec,true)}};handlePointContextMenu=e=>{const frame=this.computeCartesianLayout();const{x:hostX,y:hostY}=this.hostCoords(e);const hit=this.hitTestInternal(hostX,hostY,frame);if(!hit)return;const detail={seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.pointIndex),pointIndex:hit.pointIndex,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:hit.dataX,dataY:hit.value};e.preventDefault();e.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(e,this.host,"scatter",detail))};emitSeriesOutsideClick(e,frame){const{x:cssX,y:cssY}=this.hostCoords(e);this.seriesOutsideClick.emit({cssX,cssY,dataX:frame.xScale.invert(cssX),dataY:frame.yScale.invert(cssY)})}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}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}invokeSeriesEvent(seriesIndex,name,original){const seriesForHit=this.series?.[seriesIndex];const handler=seriesForHit?.events?.[name];if(typeof handler!=="function")return;const identity=resolveSeriesIdentity(seriesForHit,seriesIndex);handler({seriesId:identity.id,seriesIndex,seriesName:identity.name,original})}seriesIdentityForEmit(seriesIndex,pointIndex){const seriesForHit=this.series?.[seriesIndex];const identity=resolveSeriesIdentity(seriesForHit,seriesIndex);const values=seriesForHit?.values??[];const point=values[pointIndex];let pointId;if(point&&typeof point==="object"&&!Array.isArray(point)){pointId=point.id}const out={};if(identity.id!==void 0)out.seriesId=identity.id;if(identity.name!==void 0)out.seriesName=identity.name;if(pointId!==void 0)out.pointId=pointId;return out}showTooltipForHit(frame,hit,tooltipSpec,_onClick=false){const context={seriesIndex:hit.seriesIndex,pointIndex:hit.pointIndex,index:hit.pointIndex,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:hit.dataX,dataY:hit.value,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:frame.plot},hit:{cssX:hit.cssX,cssY:hit.cssY},spec:tooltipSpec});const seriesForHit=this.series?.[hit.seriesIndex];const identity=resolveSeriesIdentity(seriesForHit,hit.seriesIndex);const seriesTooltip=resolveSeriesTooltipSpec(seriesForHit,identity);const effectiveFormat=pickEffectiveTooltipFormatter(tooltipSpec,seriesTooltip);const text=safeChartFormatter(effectiveFormat,[hit.value,context],()=>`(${Number.isInteger(hit.dataX)?hit.dataX:hit.dataX.toFixed(2)}, ${Number.isInteger(hit.value)?hit.value:hit.value.toFixed(2)})`,"tooltip.format");const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",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):anchor;const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:hit.cssX,pointCssY:hit.cssY,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(_onClick&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=rendered;this.cartesianTooltips=[...this.cartesianTooltips,rendered]}else{this.cartesianTooltips=[];this.cartesianTooltip=rendered}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.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}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}}tooltipPositionKeyForHit(hit){return`${hit.seriesIndex}:${hit.pointIndex}`}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 sameSeries=tooltip.context.seriesIndex===hit.seriesIndex;const samePoint=tooltip.context.pointIndex===hit.pointIndex;if(!sameSeries||!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}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}}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 tooltipTarget=target?.closest?.("[data-tooltip-id]");if(tooltipTarget)event.stopPropagation();const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number((actionTarget?.closest?.("[data-tooltip-id]")??tooltipTarget)?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;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};renderAxisOverlay(cartesian){const{outer,plot,xTicks:xTicksRaw,xGridLines,yGridLines,titleRect,subtitleRect,axes}=cartesian;const tickLabel=t=>t.label??(Number.isInteger(t.value)?`${t.value}`:t.value.toFixed(2));const xAxisItems=(cartesian.xAxes.length>0?cartesian.xAxes:[{key:"0",axis:axes.x,scale:cartesian.xScale,ticks:xTicksRaw,gridLines:xGridLines,side:axes.x.position==="top"?"top":"bottom",offset:0}]).map(entry=>({...entry,ticks:thinAxisTicks(entry.ticks,{plotSize:plot.width,orientation:"horizontal",format:tickLabel,measureText:(text,size)=>this.axisTextMeasurer(text,size).width}),top:entry.side==="top"}));const localX=x=>x-outer.x;const localY=y=>y-outer.y;const yAxisItems=(cartesian.yAxes.length>0?cartesian.yAxes:[{key:"0",axis:axes.y,scale:cartesian.yScale,ticks:cartesian.yTicks,gridLines:cartesian.yGridLines,side:"left",offset:0}]).map(entry=>{const right=entry.side==="right";const thinnedTicks=thinAxisTicks(entry.ticks,{plotSize:plot.height,orientation:"vertical",format:tickLabel,measureText:(text,size)=>this.axisTextMeasurer(text,size).width});return{...entry,ticks:thinnedTicks,right,offset:entry.offset}});return h("div",{class:"sy-scatter-chart__axis-overlay",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y}px`,width:`${outer.width}px`,height:`${outer.height}px`,pointerEvents:"none"}},titleRect&&this.chartTitle&&h("div",{class:"sy-scatter-chart__title",style:{position:"absolute",left:`${titleRect.x}px`,top:`${titleRect.y}px`,width:`${titleRect.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-scatter-chart__subtitle",style:{position:"absolute",left:`${subtitleRect.x}px`,top:`${subtitleRect.y}px`,width:`${subtitleRect.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)"}},this.chartSubtitle),xGridLines.map(line=>h("div",{class:"sy-scatter-chart__grid-line sy-scatter-chart__grid-line--x",style:{position:"absolute",left:`${localX(line.x)}px`,top:`${localY(plot.y)}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),yGridLines.map(line=>h("div",{class:"sy-scatter-chart__grid-line sy-scatter-chart__grid-line--y",style:{position:"absolute",left:`${localX(plot.x)}px`,top:`${localY(line.y)}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),xAxisItems.flatMap(axisItem=>axisItem.ticks.map(t=>h("div",{class:"sy-scatter-chart__axis-label sy-scatter-chart__axis-label--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${localX(t.position)-28}px`,top:`${axisItem.top?localY(plot.y)-18-axisItem.offset:localY(plot.y+plot.height)+4+axisItem.offset}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t)))),yAxisItems.flatMap(axisItem=>axisItem.ticks.map(t=>h("div",{class:"sy-scatter-chart__axis-label sy-scatter-chart__axis-label--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?localX(plot.x+plot.width)+4+axisItem.offset:localX(plot.x)-46-axisItem.offset}px`,top:`${localY(t.position)-7}px`,width:"42px",textAlign:axisItem.right?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t)))),xAxisItems.filter(axisItem=>axisItem.axis.label).map(axisItem=>h("div",{class:"sy-scatter-chart__axis-title sy-scatter-chart__axis-title--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${localX(plot.x)}px`,top:`${axisItem.top?localY(plot.y)-40-axisItem.offset:localY(plot.y+plot.height)+26+axisItem.offset}px`,width:`${plot.width}px`,textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},axisItem.axis.label)),yAxisItems.filter(axisItem=>axisItem.axis.label).map(axisItem=>{const yTitleVisualLeft=axisItem.right?localX(plot.x+plot.width)+52+axisItem.offset:localX(plot.x)-68-axisItem.offset;return h("div",{class:"sy-scatter-chart__axis-title sy-scatter-chart__axis-title--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?yTitleVisualLeft+16:yTitleVisualLeft}px`,top:`${axisItem.right?localY(plot.y):localY(plot.y+plot.height)}px`,width:`${plot.height}px`,height:"16px",lineHeight:"16px",textAlign:"center",whiteSpace:"nowrap",transform:axisItem.right?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"left top",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},axisItem.axis.label)}))}renderAxisLinesOverlay(cartesian){const{plot,axes}=cartesian;const axisColor="var(--sy-axis-line-color, rgba(17, 24, 39, 0.42))";const xAxisItems=(cartesian.xAxes.length>0?cartesian.xAxes:[{key:"0",axis:axes.x,side:axes.x.position==="top"?"top":"bottom",offset:0}]).map(entry=>({key:entry.key,y:entry.side==="top"?plot.y-entry.offset:plot.y+plot.height+entry.offset}));const yAxisItems=cartesian.yAxes.length>0?cartesian.yAxes:[{key:"0",axis:axes.y,side:"left",offset:0}];return h("div",{class:"sy-scatter-chart__axis-lines-overlay","aria-hidden":"true",style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},xAxisItems.map(axisItem=>h("div",{class:"sy-scatter-chart__axis-line sy-scatter-chart__axis-line--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${plot.x}px`,top:`${axisItem.y}px`,width:`${plot.width}px`,height:"1px",background:axisColor}})),yAxisItems.map(axisItem=>h("div",{class:"sy-scatter-chart__axis-line sy-scatter-chart__axis-line--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.side==="right"?plot.x+plot.width+axisItem.offset:plot.x-axisItem.offset}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:axisColor}})))}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const first=Number(dash[0]);const second=Number(dash[1]);const mark=Math.max(1,Number.isFinite(first)?first:4);const gap=Math.max(1,Number.isFinite(second)?second: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(cartesian){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cartesianCursor)return null;const{plot}=cartesian;const color=spec.color??"var(--sy-crosshair-color, rgba(0,0,0,0.35))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-scatter-chart__crosshair",style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-scatter-chart__crosshair-line sy-scatter-chart__crosshair-line--v",style:{position:"absolute",left:`${this.cartesianCursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-scatter-chart__crosshair-line sy-scatter-chart__crosshair-line--h",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cartesianCursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}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:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",background:"var(--sy-tooltip-bg, rgba(17, 24, 39, 0.92))",color:"var(--sy-tooltip-color, #f9fafb)",borderRadius:"4px",padding:"6px 8px",font:"400 12px system-ui, sans-serif",whiteSpace:"nowrap",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{style.left=`${cssX}px`;style.top=`${cssY}px`;style.transform=this.tooltipTransformForSide(side,offset)}if(customStyle){for(const[key,value]of Object.entries(customStyle)){style[key]=tooltipCssValue(key,value)}}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-scatter-chart__tooltip",className),ref:trackMeasure?el=>this.tooltipElement=el:void 0,"data-tooltip-id":String(tooltip.id),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-scatter-chart__tooltip",className),ref:trackMeasure?el=>this.tooltipElement=el:void 0,"data-tooltip-id":String(tooltip.id),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-scatter-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:"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(" ")})}))}tooltipTransformForSide(side,offset){switch(side){case"top":return`translate(-50%, calc(-100% - ${offset}px))`;case"bottom":return`translate(-50%, ${offset}px)`;case"left":return`translate(calc(-100% - ${offset}px), -50%)`;case"right":default:return`translate(${offset}px, -50%)`}}buildLegendLayout(){const items=this.buildLegendItems();if(items.length===0)return null;const layout=computeLegendLayout({outerWidth:Math.max(1,this.width),outerHeight:Math.max(1,this.height),items,position:this.legendPosition,gap:SCATTER_CHART_LEGEND_ITEM_GAP,swatchSize:SCATTER_CHART_LEGEND_SWATCH_SIZE,swatchLabelGap:SCATTER_CHART_LEGEND_SWATCH_LABEL_GAP,rowGap:SCATTER_CHART_LEGEND_ROW_GAP,fontSize:SCATTER_CHART_LEGEND_FONT_SIZE,fontWeight:SCATTER_CHART_LEGEND_FONT_WEIGHT,fontFamily:"system-ui, sans-serif",padding:this.legendLayoutPadding(),color:"var(--sy-axis-color, #111827)"});return{layout,items}}legendLayoutPadding(){if(this.legendPosition==="top"){return{top:SCATTER_CHART_LEGEND_EDGE_PADDING,right:SCATTER_CHART_LEGEND_EDGE_PADDING,bottom:SCATTER_CHART_LEGEND_PLOT_GAP,left:SCATTER_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="bottom"){return{top:SCATTER_CHART_LEGEND_PLOT_GAP,right:SCATTER_CHART_LEGEND_EDGE_PADDING,bottom:SCATTER_CHART_LEGEND_EDGE_PADDING,left:SCATTER_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="left"){return{top:SCATTER_CHART_LEGEND_EDGE_PADDING,right:SCATTER_CHART_LEGEND_PLOT_GAP,bottom:SCATTER_CHART_LEGEND_EDGE_PADDING,left:SCATTER_CHART_LEGEND_EDGE_PADDING}}return{top:SCATTER_CHART_LEGEND_EDGE_PADDING,right:SCATTER_CHART_LEGEND_EDGE_PADDING,bottom:SCATTER_CHART_LEGEND_EDGE_PADDING,left:SCATTER_CHART_LEGEND_PLOT_GAP}}renderLegend(bundle){const{layout,items}=bundle;if(!layout.legendRect)return null;const containerStyle={position:"absolute",left:`${layout.legendRect.x}px`,top:`${layout.legendRect.y}px`,width:`${layout.legendRect.width}px`,height:`${layout.legendRect.height}px`,fontSize:layout.style.fontSize,fontWeight:String(layout.style.fontWeight),fontFamily:layout.style.fontFamily,color:layout.style.color,pointerEvents:"auto",boxSizing:"border-box",zIndex:"4"};return h("div",{class:"sy-scatter-chart__legend",role:"list",style:containerStyle},h("div",{style:{position:"absolute",inset:"0"},onClick:e=>this.handleLegendClick(e,layout,items)},items.map((item,idx)=>this.renderLegendItem(item,idx,layout.itemRects[idx],layout.legendRect))))}renderLegendItem(item,index,rect,parent){if(!rect)return null;const seriesIndex=typeof item.seriesIndex==="number"?item.seriesIndex:index;const disabled=this.legendDisabled.has(seriesIndex);return h("div",{role:"listitem",class:`sy-scatter-chart__legend-item${disabled?" is-disabled":""}`,"data-legend-index":String(index),"data-series-index":String(seriesIndex),"data-disabled":disabled?"true":"false",style:{position:"absolute",left:`${rect.x-parent.x}px`,top:`${rect.y-parent.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"inline-flex",alignItems:"center",gap:`${SCATTER_CHART_LEGEND_SWATCH_LABEL_GAP}px`,lineHeight:`${SCATTER_CHART_LEGEND_SWATCH_SIZE}px`,cursor:"pointer",opacity:disabled?"0.45":"1",color:"inherit",whiteSpace:"nowrap",boxSizing:"border-box"}},h("span",{class:"sy-scatter-chart__legend-swatch","aria-hidden":"true",style:{display:"inline-block",flex:"0 0 auto",width:`${SCATTER_CHART_LEGEND_SWATCH_SIZE}px`,height:`${SCATTER_CHART_LEGEND_SWATCH_SIZE}px`,borderRadius:item.swatchShape==="square"?"2px":"999px",background:item.swatchColor??this.color}}),h("span",{class:"sy-scatter-chart__legend-label",style:{display:"block",color:"inherit",lineHeight:`${SCATTER_CHART_LEGEND_SWATCH_SIZE}px`,textDecoration:disabled?"line-through":"none"}},item.label))}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0){return this.legendItems.map((item,index)=>({...item,label:item.label??`Series ${index+1}`,swatchColor:item.swatchColor??this.color,swatchShape:item.swatchShape??"circle",seriesIndex:typeof item.seriesIndex==="number"?item.seriesIndex:index}))}const seriesList=this.series??[];const link=resolveSeriesLinkGraph(seriesList);const items=[];for(let i=0;i<seriesList.length;i++){const entry=seriesList[i];if(!entry)continue;if(!isSeriesShownInLegend(entry))continue;if(link.masterOf.has(entry.id))continue;const identity=resolveSeriesIdentity(entry,i);items.push({seriesIndex:i,id:identity.id,label:identity.name??`Series ${i+1}`,swatchColor:entry.color??this.color,swatchShape:"circle"})}if(items.length===0&&!this.hasExplicitSeries()){items.push({seriesIndex:0,label:this.seriesName??"Series 1",swatchColor:this.color,swatchShape:"circle"})}return items}handleLegendClick(e,layout,items){if(!layout.legendRect||layout.itemRects.length===0)return;const host=e.target?.closest(".sy-scatter-chart__legend");if(!host)return;const hostRect=host.getBoundingClientRect();const pointerX=e.clientX-hostRect.left+layout.legendRect.x;const pointerY=e.clientY-hostRect.top+layout.legendRect.y;const hit=hitTestLegend({legendRect:layout.legendRect,itemRects:layout.itemRects,pointerX,pointerY,tolerance:2});if(hit.index===null)return;const item=items[hit.index];if(!item)return;this.toggleLegendItem(item,hit.index,e)}toggleLegendItem(item,index,e){const seriesIndex=typeof item.seriesIndex==="number"?item.seriesIndex:index;const disabled=this.legendDisabled.has(seriesIndex);const next=new Set(this.legendDisabled);if(disabled)next.delete(seriesIndex);else next.add(seriesIndex);this.legendDisabled=next;this.legendItemClick.emit({index,seriesIndex,seriesId:item.id,seriesName:typeof item.label==="string"?item.label:void 0,label:typeof item.label==="string"?item.label:"",disabled:!disabled});this.seriesToggled.emit({index,seriesIndex,seriesId:item.id,seriesName:typeof item.label==="string"?item.label:void 0,disabled:!disabled});this.invokeSeriesEvent(seriesIndex,"legendItemClick",e);this.invokeSeriesEvent(seriesIndex,!disabled?"hide":"show",e);if(!disabled&&this.lastHoverSeriesIndex===seriesIndex){this.hoveredPoint=null;this.lastHoverSeriesIndex=null;this.setAutoActiveSeriesIndex(void 0);if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}this.pointHover.emit(null);this.clearTooltips()}this.draw()}render(){const legend=this.legend?this.buildLegendLayout():null;const cartesian=this.computeCartesianLayout();const zoomSpec=this.zoomSpec();return h(Host,{key:"c963f01be0799a58e322d8f2bf405ae6a13b0be7",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`,touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},tabIndex:zoomSpec.enabled&&zoomSpec.keyboard||this.brushKeyboardOn()||this.drawingKeyboardOn()?0:void 0,onKeyDown:this.handleZoomKeyDown,"data-sy-brand-host":"chart"},this.renderAxisOverlay(cartesian),h("canvas",{class:"sy-scatter-chart__canvas",key:`sy-scatter-canvas-${this.activeTier}`,ref:el=>{const remounted=!!el&&el!==this.canvas;if(el!==this.canvas)this.unbindPointerHandlers();this.canvas=el;if(el){this.canvasTier=this.activeTier;this.bindPointerHandlers();if(remounted)void this.draw()}},width:cartesian.plot.width,height:cartesian.plot.height,style:{position:"absolute",left:`${cartesian.plot.x}px`,top:`${cartesian.plot.y}px`,width:`${cartesian.plot.width}px`,height:`${cartesian.plot.height}px`}}),this.renderAxisLinesOverlay(cartesian),this.renderCrosshair(cartesian),this.renderZoomOverlay(cartesian),this.renderBrushOverlay(cartesian),this.renderDrawingOverlay(cartesian),legend&&this.renderLegend(legend),this.renderTooltipConnector(),this.renderTooltip(),this.fallbackReason&&h("span",{key:"87a2ecc59a6b59c96a62e1c3cdbd8225e1f3fe03",class:"sy-scatter-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.degradedReason&&h("span",{key:"63d05b066737c2da50bc918b5bd64744111cc0dc",class:"sy-scatter-chart__watermark sy-scatter-chart__watermark--degraded",title:this.degradedReason},"Syidax - Pro degraded"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:cartesian.plot}))}static get watchers(){return{"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"xAxis":[{"handleCartesianFrameChange":0}],"yAxis":[{"handleCartesianFrameChange":0}],"chartTitle":[{"handleCartesianFrameChange":0}],"chartSubtitle":[{"handleCartesianFrameChange":0}],"gridLines":[{"handleCartesianFrameChange":0}],"color":[{"handleInputsChange":0}],"marker":[{"handleInputsChange":0}],"markerSize":[{"handleInputsChange":0}],"markerLineWidth":[{"handleInputsChange":0}],"engine":[{"handleInputsChange":0}],"proThreshold":[{"handleInputsChange":0}],"unavailable":[{"handleInputsChange":0}],"inactiveOtherPoints":[{"handleInputsChange":0}],"inactivePointOpacity":[{"handleInputsChange":0}],"activeSeriesIndex":[{"handleInputsChange":0}],"seriesState":[{"handleInputsChange":0}],"tooltip":[{"handleInputsChange":0}],"crosshair":[{"handleInputsChange":0}],"legend":[{"handleInputsChange":0}],"legendPosition":[{"handleInputsChange":0}],"legendItems":[{"handleInputsChange":0}],"values":[{"handleValuesChange":0}],"series":[{"handleSeriesChange":0}],"seriesActiveTrigger":[{"handleSeriesActiveTriggerChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"drawingMode":[{"handleDrawingModeChange":0}],"drawings":[{"onDrawingsProp":0}],"visualMap":[{"onVisualMapProp":0}]}}};SyScatterChart.style=syScatterChartCss();export{SyScatterChart as sy_scatter_chart};

package/dist/esm/sy-stem-leaf-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}from"./safe-formatter-DO6vGxJP.js";import{n as normalizeUnavailableBehaviour,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.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{r as resolveSingleColor}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"./brand-mark-default-AzDRbG7D.js";import"./zoom-window-D6sPnRDQ.js";function stemOrder(stem,negativeZero){return negativeZero?-.5:stem}function computeStemLeafModel(values,options={}){const unit=Number.isFinite(options.unit)&&options.unit>0?options.unit:10;const split=options.split===2?2:1;const leafUnit=unit/10;const entries=[];for(let i=0;i<values.length;i+=1){const raw=values[i];const value=typeof raw==="bigint"?Number(raw):raw;if(typeof value!=="number"||!Number.isFinite(value))continue;const magnitude=Math.abs(value);const stemMagnitude=Math.floor(magnitude/unit);const digit=Math.min(9,Math.max(0,Math.floor((magnitude-stemMagnitude*unit)/leafUnit+1e-9)));const negative=value<0;entries.push({stem:negative?-stemMagnitude:stemMagnitude,negativeZero:negative&&stemMagnitude===0,digit,value,sourceIndex:i})}if(entries.length===0){return{rows:[],unit,split,count:0,key:keyFor(unit)}}const orders=entries.map(entry=>stemOrder(entry.stem,entry.negativeZero));const minOrder=Math.min(...orders);const maxOrder=Math.max(...orders);const stemSlots=[];const startStem=Math.ceil(minOrder);const endStem=Math.floor(maxOrder);for(let stem=startStem;stem<=endStem;stem+=1){if(stem===0&&minOrder<=-.5)stemSlots.push({stem:0,negativeZero:true});stemSlots.push({stem,negativeZero:false})}if(minOrder===-.5&&(stemSlots.length===0||!(stemSlots[0].stem===0&&stemSlots[0].negativeZero))){stemSlots.unshift({stem:0,negativeZero:true})}const rows=[];for(const slot of stemSlots){const label=slot.negativeZero?"-0":String(slot.stem);const halves=split===2?["low","high"]:[null];for(const half of halves){rows.push({stem:slot.stem,negativeZero:slot.negativeZero,half,label,leaves:[]})}}const rowFor=entry=>{const half=split===2?entry.digit<5?"low":"high":null;return rows.find(row=>row.stem===entry.stem&&row.negativeZero===entry.negativeZero&&row.half===half)};for(const entry of entries){rowFor(entry)?.leaves.push({digit:entry.digit,value:entry.value,sourceIndex:entry.sourceIndex})}for(const row of rows){row.leaves.sort((a,b)=>a.digit-b.digit||a.sourceIndex-b.sourceIndex)}let trimmed=rows;if(split===2){let start=0;let end=rows.length;while(start<end&&rows[start].leaves.length===0)start+=1;while(end>start&&rows[end-1].leaves.length===0)end-=1;trimmed=rows.slice(start,end)}return{rows:trimmed,unit,split,count:entries.length,key:keyFor(unit)}}function keyFor(unit){const example=2*unit+3*(unit/10);const rendered=Number.isInteger(example)?String(example):String(Math.round(example*100)/100);return`2 | 3 = ${rendered}`}function computeStemLeafLayout(options){const{model,plot}=options;const n=Math.max(1,model.rows.length);const rowHeight=Math.min(24,Math.max(10,plot.height/n));const fontSize=Math.min(14,Math.max(8,rowHeight*.62));const totalHeight=rowHeight*model.rows.length;const top=plot.y+Math.max(0,(plot.height-totalHeight)/2);const stemChars=Math.max(1,...model.rows.map(row=>row.label.length));const charWidth=fontSize*.62;const stemRight=plot.x+stemChars*charWidth+6;const dividerX=stemRight+8;const leavesStart=dividerX+10+charWidth/2;const leafStep=Math.max(charWidth*1.35,fontSize*.9);const rowY=[];const placed=[];for(let rowIndex=0;rowIndex<model.rows.length;rowIndex+=1){const cy=top+rowIndex*rowHeight+rowHeight/2;rowY.push(cy);const row=model.rows[rowIndex];for(let leafIndex=0;leafIndex<row.leaves.length;leafIndex+=1){placed.push({leaf:row.leaves[leafIndex],rowIndex,cx:leavesStart+leafIndex*leafStep,cy,halfSlot:leafStep/2})}}return{rowY,rowHeight,fontSize,stemRight,dividerX,leavesStart,leafStep,placed}}function stemLeafLeafAtPoint(layout,x,y){for(let i=layout.placed.length-1;i>=0;i-=1){const candidate=layout.placed[i];if(Math.abs(x-candidate.cx)<=candidate.halfSlot&&Math.abs(y-candidate.cy)<=layout.rowHeight/2){return candidate}}return null}function pickStemLeafEngine(options){if(options.requested==="pro"){const reason="no GPU stem-leaf renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-stem-leaf-chart: Pro engine is unavailable — no GPU stem-leaf renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-stem-leaf-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function createStemLeafStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}const STEM_LEAF_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 resolveStemLeafTooltipConnectorSpec(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 resolveStemLeafTooltipSpec(input){if(input===void 0||input===null||input==="auto"||input===true){return{...STEM_LEAF_TOOLTIP_DEFAULTS}}if(input==="off"||input===false){return{...STEM_LEAF_TOOLTIP_DEFAULTS,show:false}}if(!isPlainObject(input)){return{...STEM_LEAF_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:STEM_LEAF_TOOLTIP_DEFAULTS.trigger;const openMode=value=>value==="multiple"?"multiple":STEM_LEAF_TOOLTIP_DEFAULTS.openMode;const connector=resolveStemLeafTooltipConnectorSpec(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:STEM_LEAF_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 stemLeafTooltipSpecFromLegacy(opts){return{...STEM_LEAF_TOOLTIP_DEFAULTS,show:opts.show,html:typeof opts.format==="function"?leaf=>opts.format(leaf):void 0}}function prepareStemLeafLayout(options){const model=computeStemLeafModel(options.values,{unit:options.unit,split:options.split});const layout=computeStemLeafLayout({model,plot:options.plot});const visuals=layout.placed.map(placed=>({key:String(placed.leaf.sourceIndex),placed,cx:placed.cx,cy:placed.cy,digit:placed.leaf.digit,value:placed.leaf.value,sourceIndex:placed.leaf.sourceIndex,rowIndex:placed.rowIndex}));return{model,layout,visuals,plot:options.plot}}const syStemLeafChartCss=()=>`.sc-sy-stem-leaf-chart-h{display:inline-block;position:relative}.sy-stem-leaf-chart.sc-sy-stem-leaf-chart{position:relative;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.sy-stem-leaf-chart__root.sc-sy-stem-leaf-chart{display:block;outline:none}.sy-stem-leaf-chart__root.sc-sy-stem-leaf-chart:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:4px}.sy-stem-leaf-chart__title.sc-sy-stem-leaf-chart{fill:var(--sy-chart-title-color, #111827);font-weight:600;text-anchor:middle;dominant-baseline:hanging}.sy-stem-leaf-chart__subtitle.sc-sy-stem-leaf-chart{fill:var(--sy-chart-subtitle-color, #6b7280);text-anchor:middle;dominant-baseline:hanging}.sy-stem-leaf-chart__leaf.sc-sy-stem-leaf-chart{transition:opacity 120ms ease-out;cursor:default}.sy-stem-leaf-chart__key.sc-sy-stem-leaf-chart{fill:var(--sy-chart-subtitle-color, #6b7280)}.sy-stem-leaf-chart__sr-only.sc-sy-stem-leaf-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-stem-leaf-chart__watermark.sc-sy-stem-leaf-chart{position:absolute;right:6px;bottom:4px;font-size:10px;color:rgba(107,114,128,.75);pointer-events:none}`;function leafTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function leafTooltipCssValue(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 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 formatValue(v){return Number.isInteger(v)?String(v):String(Math.round(v*1e3)/1e3)}let stemLeafInstanceCounter=0;const SyStemLeafChart=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)}values=[];width=520;height=400;brandLogo;brandPosition="bottom-right";unit=10;split=1;color="#111827";activeColor="#2563eb";showKey=true;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;leafTooltip=null;leafTooltips=[];displayValues=[];hoverLeafIndex=null;focusedLeafIndex=null;srAnnouncement="";animationTick=0;zoomState=null;zoomSelection=null;initialRevealState;morphState;animationFrameHandle=null;stopAnimationLoopImpl;suppressNextValuesAnimation=false;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"plain-fallback"),active:()=>this.boundStreamSource!==void 0,onChange:()=>this.handleStreamLicenseChange()});internalStreamValues;lastRenderResult={points:0,rows:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;pointerFocusing=false;instanceId=++stemLeafInstanceCounter;zoomInteraction=new ZoomInteraction(this.zoomInteractionHost());componentWillLoad(){this.displayValues=this.values}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.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource();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.measureLeafTooltipBox()}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.cancelInitialReveal(false);this.cancelMorph(false);this.stopAnimationLoop();this.tooltipDrag=void 0}handleValuesChange(next,previous){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;if(!this.morphState)this.displayValues=next;return}this.routeValuesAnimation(previous??[],next)}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){this.cancelMorph(true);this.cancelInitialReveal(true);if(this.shouldRunInitialAnimation(null))this.startInitialReveal()}handleVisualPropsChange(){this.animationTick++}async redraw(){const start=this.now();const base=this.settledRenderLayout();const result={points:base.visuals.length,rows:base.model.rows.length,renderMs:this.now()-start};this.lastRenderResult=result;this.animationTick++;return result}async getActiveTier(){return this.activeTier}async setData(values){this.values=values}async appendPoint(value){await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(value);return}const next=Array.isArray(this.values)?[...this.values]:Array.from(this.values);next.push(value);this.values=next;this.appended.emit({count:1})})}async appendBatch(values){if(!Array.isArray(values)||values.length===0)return;await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(values);return}const next=Array.isArray(this.values)?[...this.values]:Array.from(this.values);for(const value of values)next.push(value);this.values=next;this.appended.emit({count:values.length})})}async shift(count=1){await this.streamLicense.run("shift",()=>{const source=this.activeStreamSource();if(source){source.shift(count);return}const current=Array.isArray(this.values)?[...this.values]:Array.from(this.values);const n=Math.max(0,Math.min(Math.floor(count),current.length));if(n===0)return;current.splice(0,n);this.values=current;this.windowSlid.emit({dropped:n})})}async replace(values){await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(values);return}this.values=Array.isArray(values)?[...values]:[]})}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 hitTestLeaf(cssX,cssY){const base=this.settledRenderLayout();const placed=this.leafAtHostPoint(cssX,cssY,base);if(!placed)return null;return{sourceIndex:placed.leaf.sourceIndex,value:placed.leaf.value,stemLabel:base.model.rows[placed.rowIndex]?.label??"",digit:placed.leaf.digit}}async showTooltipAtLeaf(sourceIndex){const base=this.settledRenderLayout();const placed=base.layout.placed.find(entry=>entry.leaf.sourceIndex===Math.trunc(sourceIndex));if(!placed)return null;const spec=this.effectiveTooltipSpec();if(!spec.show)return null;this.showTooltipForLeaf(base,placed,spec,spec.openMode==="multiple");return this.buildPointEventDetail(base,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(){return this.plotRect()}zoomTransform(){return viewportZoomTransform(this.zoomRect(),this.zoomState)}leafHostPoint(placed){return toViewport(this.zoomTransform(),placed.cx,placed.cy)}contentPointAt(x,y){const rect=this.zoomRect();const t=viewportZoomTransform(rect,this.zoomState);if(t.zoomed&&(x<rect.x||x>rect.x+rect.width||y<rect.y||y>rect.y+rect.height))return null;return fromViewport(t,x,y)}leafAtHostPoint(x,y,base){const point=this.contentPointAt(x,y);return point?stemLeafLeafAtPoint(base.layout,point.x,point.y):null}zoomInteractionHost(){return{frame:()=>viewportZoomFrame(this.zoomRect(),this.zoomState),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next;this.zoomStandDown()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.clearHover();this.clearTooltips()}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.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(rect){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;return h("div",{class:"sy-stem-leaf-chart__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"4"}},selection&&h("div",{class:"sy-stem-leaf-chart__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-stem-leaf-chart__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"))}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=createStemLeafStreamSource({initial:Array.isArray(this.values)?this.values.filter(v=>typeof v==="number"):Array.from(this.values)});this.internalStreamValues=this.values;return this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;this.internalStreamValues=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.values!==this.internalStreamValues){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).map(d=>d.value);this.suppressNextValuesAnimation=true;this.values=snapshot;this.noteStreamValues();this.displayValues=snapshot}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamValues(){if(this.boundStreamSource!==void 0&&this.boundStreamSource===this.internalStreamSource)this.internalStreamValues=this.values}handleStreamEvent(event){if(!this.boundStreamSource)return;const snapshot=this.boundStreamSource.snapshot(this.streamWindow).map(d=>d.value);const prevVisuals=this.currentLeafVisuals();const prevValues=this.displayValues;this.suppressNextValuesAnimation=true;this.values=snapshot;this.noteStreamValues();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(prevValues)){this.cancelMorph(false);this.displayValues=snapshot;this.startInitialReveal();this.animationTick++;return}if(!this.shouldAnimateUpdates(prevValues)){this.cancelMorph(false);this.displayValues=snapshot;this.animationTick++;return}this.displayValues=snapshot;this.startLeafMorph(prevVisuals)}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 previous!==null&&previous!==void 0&&previous.length>0?"update":"initial"}routeValuesAnimation(prev,next){const prevVisuals=this.currentLeafVisuals();this.displayValues=next;if(this.shouldRunInitialAnimation(prev)){this.cancelMorph(true);this.startInitialReveal()}else if(this.shouldAnimateUpdates(prev)){this.startLeafMorph(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}startLeafMorph(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)}titleGutter(){let gutter=0;if(this.chartTitle)gutter+=22;if(this.chartSubtitle)gutter+=16;return gutter}plotRect(){const top=this.titleGutter();const margin=10;const keyReserve=this.showKey?24:0;return{x:margin,y:top+margin,width:Math.max(1,this.width-margin*2),height:Math.max(1,this.height-top-margin*2-keyReserve)}}settledRenderLayout(){return prepareStemLeafLayout({values:this.displayValues,plot:this.plotRect(),unit:this.unit,split:this.split})}currentLeafVisuals(){const base=this.settledRenderLayout();if(!this.morphState)return base.visuals;const t=this.tweenProgress(this.morphState);const rendered=this.composeMorphLeaves(this.morphState.prevVisuals,base.visuals,t);return rendered.filter(leaf=>!leaf.key.startsWith("ghost:")).map(leaf=>{const settled=base.visuals.find(visual=>visual.key===leaf.key);return settled?{...settled,cx:leaf.cx,cy:leaf.cy}:void 0}).filter(visual=>visual!==void 0)}composeMorphLeaves(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,digit:b.digit,sourceIndex:b.sourceIndex,opacity:1})}else{out.push({key:b.key,cx:b.cx,cy:b.cy,digit:b.digit,sourceIndex:b.sourceIndex,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,digit:a.digit,sourceIndex:a.sourceIndex,opacity:1-t})}return out}revealProgressFor(rowIndex,totalRows,eased){if(totalRows<=0)return 1;const slot=rowIndex/totalRows;const window=Math.max(1e-6,1/Math.min(totalRows,10));return Math.min(1,Math.max(0,(eased*(1+window)-slot)/window))}buildPointEventDetail(base,placed){const shown=this.leafHostPoint(placed);return{sourceIndex:placed.leaf.sourceIndex,value:placed.leaf.value,stemLabel:base.model.rows[placed.rowIndex]?.label??"",digit:placed.leaf.digit,cssX:shown.x,cssY:shown.y}}navigableLeaves(base=this.settledRenderLayout()){return[...base.layout.placed]}leafAriaLabel(base,placed){const row=base.model.rows[placed.rowIndex];return`${formatValue(placed.leaf.value)} (stem ${row?.label??""}, leaf ${placed.leaf.digit})`}accessibleSummary(base){const title=this.chartTitle?`${this.chartTitle}. `:"";return`${title}Stem-and-leaf plot, ${base.model.count} ${base.model.count===1?"value":"values"} on ${base.model.rows.length} ${base.model.rows.length===1?"stem row":"stem rows"}. Key: ${base.model.key}.`}rowSrText(base,rowIndex){const row=base.model.rows[rowIndex];if(!row)return"";if(row.leaves.length===0)return`Stem ${row.label}: no values`;return`Stem ${row.label}: leaves ${row.leaves.map(leaf=>leaf.digit).join(" ")} — ${row.leaves.length} ${row.leaves.length===1?"value":"values"}`}announceFocusedLeaf(base,placed){this.focusedLeafIndex=placed.leaf.sourceIndex;this.srAnnouncement=this.leafAriaLabel(base,placed);if(this.enableMouseTracking)this.pointHover.emit(this.buildPointEventDetail(base,placed))}moveFocus(delta){const base=this.settledRenderLayout();const leaves=this.navigableLeaves(base);if(leaves.length===0)return;let idx=leaves.findIndex(placed=>placed.leaf.sourceIndex===this.focusedLeafIndex);if(idx<0)idx=delta>0?-1:0;idx=(idx+delta+leaves.length)%leaves.length;this.announceFocusedLeaf(base,leaves[idx])}onChartPointerDown=()=>{this.pointerFocusing=true;setTimeout(()=>{this.pointerFocusing=false},0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(this.focusedLeafIndex!==null)return;const base=this.settledRenderLayout();const leaves=this.navigableLeaves(base);if(leaves.length>0)this.announceFocusedLeaf(base,leaves[0])};onChartBlur=()=>{this.focusedLeafIndex=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 base=this.settledRenderLayout();const first=this.navigableLeaves(base)[0];if(first)this.announceFocusedLeaf(base,first);break}case"End":{ev.preventDefault();const base=this.settledRenderLayout();const list=this.navigableLeaves(base);if(list.length>0)this.announceFocusedLeaf(base,list[list.length-1]);break}case"Enter":case" ":{if(this.focusedLeafIndex===null)return;ev.preventDefault();const base=this.settledRenderLayout();const placed=base.layout.placed.find(entry=>entry.leaf.sourceIndex===this.focusedLeafIndex);if(!placed)return;this.pointClick.emit(this.buildPointEventDetail(base,placed));const spec=this.effectiveTooltipSpec();if(spec.show)this.showTooltipForLeaf(base,placed,spec,spec.openMode==="multiple");break}case"Escape":this.focusedLeafIndex=null;this.clearHover();break}};pointerCss(event){const rect=this.host.getBoundingClientRect();return{x:event.clientX-rect.left,y:event.clientY-rect.top}}onChartMouseMove=event=>{if(this.handleZoomPointerMove(event))return;if(!this.enableMouseTracking)return;const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.leafAtHostPoint(x,y,base);const nextLeaf=placed?placed.leaf.sourceIndex:null;if(nextLeaf===this.hoverLeafIndex)return;this.hoverLeafIndex=nextLeaf;if(nextLeaf===null||!placed){this.pointHover.emit(null);const spec2=this.effectiveTooltipSpec();if(this.shouldHideTooltipOnLeave(spec2))this.clearSingleTooltip();return}this.pointHover.emit(this.buildPointEventDetail(base,placed));const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForLeaf(base,placed,spec,false)}};onChartClick=event=>{if(this.consumeSuppressedPlotClick())return;if(!this.enableMouseTracking){if(this.hasVisibleTooltips())this.clearTooltips();return}const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.leafAtHostPoint(x,y,base);if(!placed){if(this.hasVisibleTooltips())this.clearTooltips();return}this.pointClick.emit(this.buildPointEventDetail(base,placed));const spec=this.effectiveTooltipSpec();if(spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForLeaf(base,placed,spec,true)}};onChartLeave=()=>{this.clearHover()};onPointContextMenu=event=>{if(!this.enableMouseTracking)return;const{x,y}=this.pointerCss(event);const base=this.settledRenderLayout();const placed=this.leafAtHostPoint(x,y,base);if(!placed)return;event.preventDefault();event.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"stem-leaf",this.buildPointEventDetail(base,placed),{index:0,id:"stem-leaf",name:this.chartTitle??"Stem-and-leaf plot"}))};clearHover(){const hadHover=this.hoverLeafIndex!==null;if(!hadHover&&!this.hasVisibleTooltips())return;this.hoverLeafIndex=null;if(hadHover)this.pointHover.emit(null);const spec=this.effectiveTooltipSpec();if(this.shouldHideTooltipOnLeave(spec))this.clearSingleTooltip()}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveStemLeafTooltipSpec(this.tooltip);return stemLeafTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}buildTooltipContext(base,placed){const shown=this.leafHostPoint(placed);return{sourceIndex:placed.leaf.sourceIndex,value:placed.leaf.value,stemLabel:base.model.rows[placed.rowIndex]?.label??"",digit:placed.leaf.digit,cssX:shown.x,cssY:shown.y}}defaultTooltipHtml(context){return`<strong>${escapeHtml(formatValue(context.value))}</strong> · stem ${escapeHtml(context.stemLabel)} | leaf ${context.digit}`}plainTooltipText(context){return`${formatValue(context.value)} · stem ${context.stemLabel} | leaf ${context.digit}`}hasVisibleTooltips(){return this.leafTooltip!==null||this.leafTooltips.length>0}clearSingleTooltip(){if(this.leafTooltip===null)return;this.tooltipDrag=void 0;this.leafTooltip=null;if(this.leafTooltips.length===0)this.tooltipHide.emit()}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.leafTooltip=null;this.leafTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForLeaf(base,placed,spec,allowMultiple){const context=this.buildTooltipContext(base,placed);const detailForFormat=this.buildPointEventDetail(base,placed);const side=spec.side??"top";const text=spec.format?safeChartFormatter(spec.format,[detailForFormat,context],()=>this.plainTooltipText(context),"tooltip.format",spec):this.plainTooltipText(context);const html=spec.html?safeChartFormatter(spec.html,[detailForFormat,context],()=>void 0,"tooltip.html",spec):spec.format?void 0:this.defaultTooltipHtml(context);const anchor=this.leafHostPoint(placed);const locked=this.lockedTooltipPositionForLeaf(placed,spec);const renderedSide=locked?.side??side;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,locked.box,spec.offset):{cssX:anchor.x,cssY:anchor.y};const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:anchor.x,pointCssY:anchor.y,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.leafTooltip=rendered;this.leafTooltips=[...this.leafTooltips,rendered]}else{this.leafTooltips=[];this.leafTooltip=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}positionedLeafTooltip(tooltip=this.leafTooltip){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.sourceIndex),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForLeaf(placed,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(String(placed.leaf.sourceIndex));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.positionedLeafTooltip();if(!tooltip?.box||tooltip.context.sourceIndex!==placed.leaf.sourceIndex)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}measureLeafTooltipBox(){if(this.leafTooltips.length>0)return;const tooltip=this.leafTooltip;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.leafTooltip=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.leafTooltips.find(entry=>entry.id===tooltipId)??this.leafTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.leafTooltip?.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.positionedLeafTooltip(this.leafTooltip)??this.leafTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=this.leafTooltip.box??rendered.box;const next={...this.leafTooltip,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.leafTooltip=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.leafTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.leafTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.leafTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.leafTooltip)this.rememberDraggableTooltipPosition(this.leafTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};render(){const renderStart=this.now();const decision=pickStemLeafEngine({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 drawLeaves=base.visuals.map(visual=>({key:visual.key,cx:visual.cx,cy:visual.cy,digit:visual.digit,sourceIndex:visual.sourceIndex,opacity:1}));if(this.morphState){drawLeaves=this.composeMorphLeaves(this.morphState.prevVisuals,base.visuals,this.tweenProgress(this.morphState))}else if(this.initialRevealState){const eased=this.tweenProgress(this.initialRevealState);drawLeaves=base.visuals.map(visual=>({key:visual.key,cx:visual.cx,cy:visual.cy,digit:visual.digit,sourceIndex:visual.sourceIndex,opacity:this.revealProgressFor(visual.rowIndex,base.model.rows.length,eased)}))}const activeLeaf=this.focusedLeafIndex??this.hoverLeafIndex;const ink=resolveSingleColor(this.color,"#111827");const{layout}=base;const plot=base.plot;const zoomSpec=this.zoomSpec();const zoomRect=this.zoomRect();const zoomTransform=viewportZoomTransform(zoomRect,this.zoomState);const zoomMatrix=viewportZoomMatrix(zoomTransform);const zoomClipId=`sy-stem-leaf-chart-zoom-clip-${this.instanceId}`;this.lastRenderResult={points:base.visuals.length,rows:base.model.rows.length,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;return h(Host,{key:"c36f3c518bc9322b73f5fbd10cf271a86bcc7335","data-active-tier":this.activeTier,"data-sy-brand-host":"chart"},h("div",{key:"418d74547a74d014c0ae7ce8e9dbc7648a228544",class:"sy-stem-leaf-chart",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"}},h("svg",{key:"a106aecd1439330105b84c9185d1a172d5451b65",class:"sy-stem-leaf-chart__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-leaves":base.visuals.length,"data-total-rows":base.model.rows.length,role:"application","aria-roledescription":"Stem-and-leaf plot","aria-label":this.accessibleSummary(base),tabindex:0,style:{touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},onKeyDown:ev=>this.onChartKeyDown(ev),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onPointerDown:this.handleZoomPointerDown,onPointerMove:ev=>this.onChartMouseMove(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-stem-leaf-chart__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?h("text",{class:"sy-stem-leaf-chart__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,zoomTransform.zoomed?h("clipPath",{id:zoomClipId},h("rect",{x:zoomRect.x,y:zoomRect.y,width:zoomRect.width,height:zoomRect.height})):null,h("g",{key:"48e734517bb39fa433e1e7d596be5f7a2b69a1f3",class:"sy-stem-leaf-chart__zoom-clip","clip-path":zoomTransform.zoomed?`url(#${zoomClipId})`:void 0},h("g",{key:"f74de14da6dfe190cb4c191e8b06d8cd034b2892",class:"sy-stem-leaf-chart__zoom-layer",transform:zoomMatrix||void 0},base.model.rows.length>0?h("line",{class:"sy-stem-leaf-chart__divider",x1:layout.dividerX,y1:layout.rowY[0]-layout.rowHeight/2,x2:layout.dividerX,y2:layout.rowY[layout.rowY.length-1]+layout.rowHeight/2,stroke:ink,"stroke-width":1}):null,h("g",{key:"6ca9f43014e1a657831f25e74f0dc069fc2c9c88",class:"sy-stem-leaf-chart__stems","aria-hidden":"true"},base.model.rows.map((row,rowIndex)=>h("text",{key:`stem:${rowIndex}`,class:"sy-stem-leaf-chart__stem",x:layout.stemRight,y:layout.rowY[rowIndex],"text-anchor":"end","dominant-baseline":"central",fill:ink,style:{fontSize:`${layout.fontSize}px`,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontWeight:"600"}},row.label))),h("g",{key:"96f79d5ad829e51589c34fb033844807e9a08524",class:"sy-stem-leaf-chart__leaves","aria-hidden":"true"},drawLeaves.map(leaf=>{if(leaf.opacity<=0)return null;const active=activeLeaf!==null&&leaf.sourceIndex===activeLeaf&&!leaf.key.startsWith("ghost:");return h("text",{key:leaf.key,class:`sy-stem-leaf-chart__leaf${active?" sy-stem-leaf-chart__leaf--active":""}`,x:leaf.cx,y:leaf.cy,"text-anchor":"middle","dominant-baseline":"central",fill:active?this.activeColor:ink,opacity:leaf.opacity,"data-source-index":leaf.sourceIndex,style:{fontSize:`${layout.fontSize}px`,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontWeight:active?"700":"400"}},leaf.digit)})))),this.showKey?h("text",{class:"sy-stem-leaf-chart__key",x:plot.x+plot.width/2,y:this.height-12,"text-anchor":"middle","dominant-baseline":"central",style:{fontSize:"11px"}},"Key: ",base.model.key):null),this.renderZoomOverlay(zoomRect),h("div",{key:"44d107e364596def39c14c0f1882d590d4d11c90",class:"sy-stem-leaf-chart__sr-only",role:"list","aria-label":"Stems"},base.model.rows.map((_,rowIndex)=>h("div",{role:"listitem",key:`sr:${rowIndex}`},this.rowSrText(base,rowIndex)))),h("div",{key:"259517d80e6f04030bdb6ad51b01055ce7a13817",class:"sy-stem-leaf-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"6c7299855b17afb31204cd4ed61d0dc7b4cb3dd7",class:"sy-stem-leaf-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.renderLeafTooltipConnector(),this.renderLeafTooltip()),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot}))}renderLeafTooltip(){const multiple=this.leafTooltips.length>0;const tooltips=multiple?this.leafTooltips:[this.positionedLeafTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderLeafTooltipItem(tooltip,!multiple))}renderLeafTooltipItem(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]=leafTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:leafTooltipClassName("sy-stem-leaf-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:leafTooltipClassName("sy-stem-leaf-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)}renderLeafTooltipConnector(){const tooltips=this.leafTooltips.length>0?this.leafTooltips:[this.positionedLeafTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-stem-leaf-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:"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:"stem-leaf"})}static get watchers(){return{"values":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"unit":[{"handleVisualPropsChange":0}],"split":[{"handleVisualPropsChange":0}],"color":[{"handleVisualPropsChange":0}],"activeColor":[{"handleVisualPropsChange":0}],"showKey":[{"handleVisualPropsChange":0}],"chartTitle":[{"handleVisualPropsChange":0}],"chartSubtitle":[{"handleVisualPropsChange":0}],"tooltipShow":[{"handleVisualPropsChange":0}],"tooltip":[{"handleVisualPropsChange":0}],"enableMouseTracking":[{"handleVisualPropsChange":0}]}}};SyStemLeafChart.style=syStemLeafChartCss();export{SyStemLeafChart as sy_stem_leaf_chart};