@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/esm/sy-bar-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,a as visualMapExtentOf,b as visualMapPointValue}from"./visual-map-binding-DiSr3bTW.js";import{n as normalizeUnavailableBehaviour,i as isChartLicenseEngineCode,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{S as STREAMING_LICENSE_FEATURE,e as engineSwapStatus,f as requestedStreamingInputs,r as rendererCodeOf,b as engineLicenseVerdict,c as ENGINE_LICENSE_FEATURE,E as EngineSwapLicense,d as engineFailureOutcome,a as engineSwapOutcome}from"./engine-swap-license-CwIR5SyJ.js";import{a as computeColumnStackLayout,i as isRoundDotDash,c as columnBorderDotPoints}from"./column-stack-C61nYCOk.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{c as createLegendToggleState,i as isLegendItemDisabled,h as hitTestLegend,t as toggleLegendItem}from"./legend-interaction-BVmDGX0a.js";import{r as resolveCartesianTooltipSpec,a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{s as snapshotDrawingLayer}from"./drawing-export-BYBaMhHn.js";import{j as resolveSeriesBorderSpec,i as isSeriesVisible,b as resolveSeriesYValues,g as resolveSeriesZones,h as resolveSeriesDataSorting,d as resolveSeriesLinkGraph,a as resolveSeriesIdentity,k as resolveSeriesDataLabels,e as isSeriesShownInLegend,p as pickEffectiveTooltipFormatter,f as resolveSeriesTooltipSpec}from"./cartesian-series-contract-zrH7aO3p.js";import{a as computeCartesianFrame,i as isInsidePlot,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{a as thinGridLines,t as thinAxisTicks}from"./axis-label-thinning-S3uzYKsD.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{c as computeLegendLayout}from"./legend-BwM4aW0R.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 appendBarChartValue(existing,value,shift){if(existing instanceof Float32Array){const len=existing.length;if(shift&&len>0){const out2=new Float32Array(len);out2.set(existing.subarray(1));out2[len-1]=value;return out2}const out=new Float32Array(len+1);out.set(existing);out[len]=value;return out}const arr=Array.isArray(existing)?existing.slice():[];if(shift&&arr.length>0)arr.shift();arr.push(value);return arr}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 tweenValues(from,to,progress){const t=Number.isFinite(progress)?Math.max(0,Math.min(1,progress)):1;const fromLen=from.length;const toLen=to.length;const out=new Float32Array(toLen);if(toLen===0)return out;if(t>=1||fromLen===0){for(let i=0;i<toLen;i++)out[i]=coerceFinite(to[i]);return out}const offset=toLen-fromLen;for(let i=0;i<toLen;i++){const target=coerceFinite(to[i]);const fromIdx=i-offset;if(fromIdx<0||fromIdx>=fromLen){out[i]=target;continue}const start=coerceFinite(from[fromIdx]);out[i]=start+(target-start)*t}return out}function coerceFinite(v){if(typeof v!=="number"||!Number.isFinite(v))return Number.NaN;return v}const DEFAULT_DURATION_MS=200;function createBarChartAnimator(options){const duration=Number.isFinite(options.durationMs)&&options.durationMs>=0?options.durationMs:DEFAULT_DURATION_MS;const easing=options.easing??"ease-out";const now=options.now??defaultNow;const schedule=options.schedule??defaultSchedule;const cancel=options.cancel??defaultCancel;let running=false;let paused=false;let pausedElapsed=0;let handle=null;let baseline=new Float32Array(0);let target=new Float32Array(0);let startTimestamp=0;function stopInternal(emitInterrupt){if(handle!==null){cancel(handle);handle=null}const wasRunning=running;running=false;paused=false;pausedElapsed=0;if(wasRunning&&emitInterrupt)options.onInterrupt?.()}function tick(){handle=null;if(paused)return;const elapsed=now()-startTimestamp;const progress=duration===0?1:elapsed/duration;const t=applyEasing(progress,easing);if(progress>=1){running=false;options.onFrame(target,true);options.onEnd?.();return}const frame=tweenValues(baseline,target,t);options.onFrame(frame,false);handle=schedule(tick)}return{get isRunning(){return running},get isPaused(){return paused},animateTo(next){const nextArray=toFloat32$1(next);const wasRunning=running;if(running){const elapsed=paused?pausedElapsed:now()-startTimestamp;const t=applyEasing(duration===0?1:elapsed/duration,easing);baseline=tweenValues(baseline,target,t);stopInternal(false);options.onInterrupt?.()}else{baseline=target.length>0?target:nextArray}target=nextArray;if(nextArray.length===0||duration===0){options.onFrame(nextArray,true);if(!wasRunning)options.onStart?.();options.onEnd?.();return}startTimestamp=now();running=true;paused=false;options.onStart?.();handle=schedule(tick)},setImmediate(next){const wasRunning=running;stopInternal(false);if(wasRunning)options.onInterrupt?.();const arr=toFloat32$1(next);baseline=arr;target=arr;options.onFrame(arr,true)},pause(){if(!running||paused)return;pausedElapsed=now()-startTimestamp;paused=true;if(handle!==null){cancel(handle);handle=null}},resume(){if(!running||!paused)return;paused=false;startTimestamp=now()-pausedElapsed;pausedElapsed=0;handle=schedule(tick)},stop(){stopInternal(true)}}}function toFloat32$1(input){if(input instanceof Float32Array)return input;const out=new Float32Array(input.length);for(let i=0;i<input.length;i++){const v=input[i];out[i]=typeof v==="number"&&Number.isFinite(v)?v:Number.NaN}return out}function defaultNow(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}function defaultSchedule(fn){if(typeof requestAnimationFrame!=="undefined"){return requestAnimationFrame(fn)}return setTimeout(()=>fn(defaultNow()),16)}function defaultCancel(handle){if(typeof cancelAnimationFrame!=="undefined"&&typeof handle==="number"){cancelAnimationFrame(handle);return}clearTimeout(handle)}function alignWithBaseline(input){const previousArr=toFloat32(input.previous);const nextArr=toFloat32(input.next);const baseline=Number.isFinite(input.baseline)?input.baseline:0;const pLen=previousArr.length;const nLen=nextArr.length;const len=Math.max(pLen,nLen);const previous=new Float32Array(len);const next=new Float32Array(len);for(let i=0;i<len;i++){previous[i]=i<pLen?previousArr[i]:baseline;next[i]=i<nLen?nextArr[i]:baseline}return{previous,next,added:Math.max(0,nLen-pLen),removed:Math.max(0,pLen-nLen)}}function toFloat32(input){if(input instanceof Float32Array)return input;const out=new Float32Array(input.length);for(let i=0;i<input.length;i++){const v=input[i];out[i]=typeof v==="number"&&Number.isFinite(v)?v:Number.NaN}return out}function createRingBufferStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function clamp01(value){if(typeof value!=="number"||!Number.isFinite(value))return .1;if(value<=0)return 0;if(value>=1)return 1;return value}function computeBarChartLayout(opts){const entries=opts.entries;const pointCount=Math.max(opts.pointCount??0,entries.reduce((max,entry)=>Math.max(max,entry.values?.length??0),0));const baseline=Number.isFinite(opts.baseline)?opts.baseline:0;const compacted=entries.map((entry,denseOrder)=>({order:denseOrder,values:entry.values,series:entry.series}));const layout=computeColumnStackLayout({entries:compacted,baseline,chartLevelStacking:opts.chartLevelStacking});const plot=opts.plot;const yBandProject=opts.yBandProject;const bandHeight=yBandProject?Math.abs(yBandProject(1)-yBandProject(0)):pointCount>0?plot.height/pointCount:plot.height;const bandStart=index=>yBandProject?Math.min(yBandProject(index),yBandProject(index+1)):plot.y+index*bandHeight;const padding=clamp01(opts.barPadding);const bandGap=bandHeight*padding;const slotHeight=Math.max(0,bandHeight-bandGap);const groupCount=layout.groups.length;const seriesPadFraction=clamp01(opts.seriesPadding);const slotPadding=groupCount>1?slotHeight*seriesPadFraction:0;const groupHeight=groupCount>0?Math.max(0,(slotHeight-slotPadding*(groupCount-1))/groupCount):0;const barsBySource=entries.map(()=>new Array(pointCount).fill(null));const outlineRectsByPoint=layout.groups.map(()=>new Array(pointCount).fill(null));for(let g=0;g<layout.groups.length;g++){const group=layout.groups[g];for(let p=0;p<pointCount;p++){const pointLayout=layout.pointsByGroup[g][p];if(!pointLayout)continue;const bandTop=bandStart(p)+bandGap/2;const slotTop=bandTop+group.bandIndex*(groupHeight+slotPadding);let groupLeft=Number.POSITIVE_INFINITY;let groupRight=Number.NEGATIVE_INFINITY;for(const seg of pointLayout.segments){const left=opts.xProject(seg.bottomValue);const right=opts.xProject(seg.topValue);const x=Math.min(left,right);const width=Math.max(0,Math.abs(right-left));const rect={x,y:slotTop,width,height:groupHeight};const denseOrder=seg.order;const source=entries[denseOrder];if(source){barsBySource[denseOrder][p]=rect}if(x<groupLeft)groupLeft=x;if(x+width>groupRight)groupRight=x+width}if(group.stacking&&groupRight>groupLeft){outlineRectsByPoint[g][p]={x:groupLeft,y:slotTop,width:groupRight-groupLeft,height:groupHeight}}}}return{layout,barsBySource,outlineRectsByPoint,pointCount}}function applyBarBorders(input){const{barsBySource,segmentsBySource,series,borderScope,chartLevel}=input;const resolvedPerSeries=series.map(entry=>resolveSeriesBorderSpec(entry,chartLevel));const outlineRectsToDraw=input.outlineRectsByPoint.map(()=>[]);const outlineBorderByGroup=input.outlineRectsByPoint.map(()=>void 0);if(borderScope==="outline"){for(let g=0;g<input.outlineRectsByPoint.length;g++){if(!input.groupIsStacked[g])continue;const firstSrc=input.groupIndexBySource.findIndex(idx=>idx===g);if(firstSrc<0)continue;const border=resolvedPerSeries[firstSrc];outlineBorderByGroup[g]=border;outlineRectsToDraw[g]=input.outlineRectsByPoint[g].map(rect=>{if(!rect)return null;const radii=orientBarCornerRadii(border.cornerRadii,"positive");return{...rect,cornerRadii:clampCornersToRect(radii,rect),borderColor:border.color,borderWidth:border.width,borderDash:border.dash.length?[...border.dash]:void 0}})}}for(let sourceIndex=0;sourceIndex<barsBySource.length;sourceIndex++){const border=resolvedPerSeries[sourceIndex];const bars=barsBySource[sourceIndex];const segs=segmentsBySource[sourceIndex]??[];const groupIndex=input.groupIndexBySource[sourceIndex];const isStacked=input.groupIsStacked[groupIndex]===true;for(let p=0;p<bars.length;p++){const rect=bars[p];if(!rect)continue;const seg=segs[p];if(borderScope==="outline"&&isStacked){continue}if(borderScope==="point"||!isStacked||!seg){const direction2=isNegativeSegment(seg)?"negative":"positive";rect.cornerRadii=clampCornersToRect(orientBarCornerRadii(border.cornerRadii,direction2),rect);if(border.color)rect.borderColor=border.color;if(border.width>0)rect.borderWidth=border.width;if(border.dash.length)rect.borderDash=[...border.dash];continue}const direction=isNegativeSegment(seg)?"negative":"positive";const[tl,tr,br,bl]=orientBarCornerRadii(border.cornerRadii,direction);const outerRight=direction==="positive"&&seg.isTopOfStack;const outerLeft=direction==="negative"&&seg.isBottomOfStack;const all=seg.isTopOfStack&&seg.isBottomOfStack;const masked=all?[tl,tr,br,bl]:outerRight?[0,tr,br,0]:outerLeft?[tl,0,0,bl]:[0,0,0,0];rect.cornerRadii=clampCornersToRect(masked,rect);if(border.color)rect.borderColor=border.color;if(border.width>0)rect.borderWidth=border.width;if(border.dash.length)rect.borderDash=[...border.dash]}}return{outlineRectsToDraw,outlineBorderByGroup}}function isNegativeSegment(segment){return Boolean(segment&&segment.percent<0)}function orientBarCornerRadii(radii,direction){const[tl,tr,br,bl]=radii;return direction==="negative"?[tr,br,bl,tl]:[bl,tl,tr,br]}function clampCornersToRect(radii,rect){const maxR=Math.max(0,Math.min(rect.width/2,rect.height/2));return[Math.min(Math.max(0,radii[0]),maxR),Math.min(Math.max(0,radii[1]),maxR),Math.min(Math.max(0,radii[2]),maxR),Math.min(Math.max(0,radii[3]),maxR)]}const DEFAULT_INACTIVE_SERIES_STATE={opacity:.35,thicknessScale:.75};function hasExplicitSeries(series){return Array.isArray(series)&&series.length>0}function finitePositive(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:fallback}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 activeSeriesIndex(index,count){if(typeof index!=="number"||!Number.isFinite(index))return void 0;const normalized=Math.trunc(index);return normalized>=0&&normalized<count?normalized:void 0}function maybeSortSeriesValues(series,values){const sorting=resolveSeriesDataSorting(series);if(!sorting.enabled)return values;const len=values.length;const indexed=[];for(let i=0;i<len;i++){const raw=values[i];const numeric=typeof raw==="number"&&Number.isFinite(raw)?raw:Number.NEGATIVE_INFINITY;indexed.push({value:numeric,original:raw})}indexed.sort((a,b)=>a.value-b.value);return indexed.map(entry=>entry.original)}function resolveBarRendererSeries(input){const out=[];if(hasExplicitSeries(input.series)){for(let sourceIndex=0;sourceIndex<input.series.length;sourceIndex++){const entry=input.series[sourceIndex];if(!entry||!isSeriesVisible(entry))continue;const yValues=resolveSeriesYValues(entry);const values=maybeSortSeriesValues(entry,capValuesView(yValues??entry.values,STANDARD_ENGINE_MAX_POINTS));if(!values||values.length===0)continue;out.push({sourceIndex,values,color:typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color,opacity:finiteOpacity(entry.opacity),thickness:finitePositive(entry.thickness,input.thickness),series:entry,zones:resolveSeriesZones(entry)})}}else if(input.values?.length>0){out.push({sourceIndex:0,values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS),color:input.color,opacity:1,thickness:input.thickness})}const activeIndex=activeSeriesIndex(input.activeSeriesIndex,out.length);if(activeIndex===void 0||out.length<2||input.seriesState?.enabled===false)return out;const inactive=input.seriesState?.inactive??{};const opacity=finiteOpacity(inactive.opacity,DEFAULT_INACTIVE_SERIES_STATE.opacity);const thicknessScale=finitePositive(inactive.thicknessScale,DEFAULT_INACTIVE_SERIES_STATE.thicknessScale);return out.map((entry,index)=>{if(index===activeIndex)return entry;return{...entry,opacity,thickness:finitePositive(inactive.thickness,entry.thickness*thicknessScale)}})}function pickZoneColor(zones,value){if(!zones||!Number.isFinite(value))return void 0;for(const zone of zones.zones){if(value<=zone.upper)return zone.color??zone.fillColor}return void 0}function prepareBarRendererLayout(input){const series=resolveBarRendererSeries(input);if(series.length===0){return{bars:[],outlines:[],outlineBorderByGroup:[],seriesResolved:[],layout:{groups:[],pointsByGroup:[],segmentByOrder:[],yExtent:{min:0,max:1}},pointCount:0}}const plot=input.plot??{x:0,y:0,width:Math.max(0,input.width),height:Math.max(0,input.height)};const baseline=Number.isFinite(input.baseline)?input.baseline:0;const stacking=input.stacking;const xProject=input.xProject??(()=>{const pointMax=series.reduce((m,s)=>Math.max(m,s.values.length),0);let dataMin=baseline;let dataMax=baseline;for(const s of series){for(let i=0;i<pointMax;i++){const v=s.values[i];if(typeof v!=="number"||!Number.isFinite(v))continue;if(v<dataMin)dataMin=v;if(v>dataMax)dataMax=v}}const range=dataMax-dataMin||1;return value=>plot.x+(value-dataMin)/range*plot.width})();const pointCount=series.reduce((max,s)=>Math.max(max,s.values.length),0);const layoutResult=computeBarChartLayout({entries:series.map(s=>({sourceIndex:s.sourceIndex,values:s.values,series:s.series})),plot,xProject,barPadding:input.barPadding,seriesPadding:input.seriesPadding??.1,baseline,chartLevelStacking:stacking,pointCount,yBandProject:input.yBandProject});const bars=layoutResult.barsBySource;const segmentsBySource=layoutResult.layout.segmentByOrder.map(row=>row.map(seg=>seg??null));const groupIndexBySource=new Array(series.length).fill(0);for(let g=0;g<layoutResult.layout.groups.length;g++){for(const order of layoutResult.layout.groups[g].memberOrders){groupIndexBySource[order]=g}}const groupIsStacked=layoutResult.layout.groups.map(grp=>Boolean(grp.stacking));const borderResult=applyBarBorders({barsBySource:bars,segmentsBySource,outlineRectsByPoint:layoutResult.outlineRectsByPoint,groupIndexBySource,groupIsStacked,series:series.map(s=>s.series),borderScope:input.borderScope??"stack",chartLevel:{borderRadius:input.borderRadius,borderColor:input.borderColor,borderWidth:input.borderWidth,borderDashStyle:input.borderDashStyle}});return{bars,outlines:borderResult.outlineRectsToDraw,outlineBorderByGroup:borderResult.outlineBorderByGroup,seriesResolved:series,layout:layoutResult.layout,pointCount:layoutResult.pointCount}}class BarChartStandardRenderer{canvas;warnPointCap=createPointCapWarner();constructor(canvas){this.canvas=canvas}draw(input){const totalPoints=hasExplicitSeries(input.series)?input.series.reduce((max,series)=>Math.max(max,series?.values?.length??0),0):input.values?.length??0;this.warnPointCap("sy-bar-chart (standard engine)",totalPoints,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");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;this.canvas.width=Math.max(1,pxW);this.canvas.height=Math.max(1,pxH);this.canvas.style.width=`${cssW}px`;this.canvas.style.height=`${cssH}px`;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=prepareBarRendererLayout(input);if(prepared.seriesResolved.length===0){return{points:0,renderMs:(typeof performance!=="undefined"?performance.now():0)-start}}ctx.save();if(input.plot){ctx.beginPath();ctx.rect(input.plot.x,input.plot.y,input.plot.width,input.plot.height);ctx.clip()}const baseline=Number.isFinite(input.baseline)?input.baseline:0;const activeIndex=input.activePointIndex??null;const inactiveOther=input.inactiveOtherPoints===true&&activeIndex!==null;const inactiveOpacity=finiteOpacity(input.inactivePointOpacity,.2);let pointCount=0;const mapColorOf=visualMapColorFn(input.visualMap);for(let si=0;si<prepared.seriesResolved.length;si++){const s=prepared.seriesResolved[si];const bars=prepared.bars[si]??[];for(let i=0;i<bars.length;i++){const r=bars[i];if(!r||r.width<=0||r.height<=0)continue;const v=typeof s.values[i]==="number"&&Number.isFinite(s.values[i])?s.values[i]:baseline;const zoneColor=mapColorOf?.(v,i)??pickZoneColor(s.zones,v);ctx.fillStyle=zoneColor??s.color;let alpha=s.opacity;if(inactiveOther&&i!==activeIndex)alpha=alpha*inactiveOpacity;ctx.globalAlpha=alpha;const strokeWidth=r.borderWidth??s.thickness;const fillRect=r;const roundedCorners=!!fillRect?.cornerRadii&&fillRect.cornerRadii.some(radius=>radius>0);if(fillRect&&roundedCorners){tracePathBarRect(ctx,fillRect);ctx.fill()}else if(fillRect){const left=Math.round(fillRect.x*scaleX);const top=Math.round(fillRect.y*scaleY);const right=Math.round((fillRect.x+fillRect.width)*scaleX);const bottom=Math.round((fillRect.y+fillRect.height)*scaleY);if(right>left&&bottom>top){ctx.setTransform(1,0,0,1,0,0);ctx.fillRect(left,top,right-left,bottom-top);ctx.setTransform(scaleX,0,0,scaleY,0,0)}}if(strokeWidth>0){const strokeColor=r.borderColor??ctx.fillStyle;if(isRoundDotDash(r.borderDash)){ctx.setLineDash([]);ctx.fillStyle=strokeColor;ctx.globalAlpha=alpha;for(const dot of columnBorderDotPoints(r,strokeWidth,r.borderDash)){ctx.beginPath();ctx.arc(dot.x,dot.y,dot.radius,0,Math.PI*2);ctx.fill()}ctx.fillStyle=zoneColor??s.color}else{ctx.strokeStyle=strokeColor;ctx.lineWidth=strokeWidth;if(r.borderDash&&r.borderDash.length)ctx.setLineDash(r.borderDash);else ctx.setLineDash([]);if(r.cornerRadii){tracePathBarRect(ctx,r);ctx.stroke()}else{ctx.strokeRect(r.x,r.y,r.width,r.height)}}}pointCount++}}ctx.globalAlpha=1;ctx.setLineDash([]);for(let g=0;g<prepared.outlines.length;g++){const border=prepared.outlineBorderByGroup[g];if(!border||border.width<=0)continue;const groupRects=prepared.outlines[g];for(const rect of groupRects){if(!rect||rect.width<=0||rect.height<=0)continue;const strokeColor=border.color??"#111827";if(isRoundDotDash(border.dash)){ctx.setLineDash([]);ctx.fillStyle=strokeColor;ctx.globalAlpha=1;for(const dot of columnBorderDotPoints(rect,border.width,border.dash)){ctx.beginPath();ctx.arc(dot.x,dot.y,dot.radius,0,Math.PI*2);ctx.fill()}}else{ctx.strokeStyle=strokeColor;ctx.lineWidth=border.width;if(border.dash.length)ctx.setLineDash(border.dash);else ctx.setLineDash([]);if(rect.cornerRadii){tracePathBarRect(ctx,rect);ctx.stroke()}else{ctx.strokeRect(rect.x,rect.y,rect.width,rect.height)}}}}ctx.setLineDash([]);ctx.restore();return{points:pointCount,renderMs:(typeof performance!=="undefined"?performance.now():0)-start}}}function tracePathBarRect(ctx,r){const radii=r.cornerRadii??[0,0,0,0];const maxR=Math.min(r.width/2,r.height/2);const tl=Math.max(0,Math.min(radii[0],maxR));const tr=Math.max(0,Math.min(radii[1],maxR));const br=Math.max(0,Math.min(radii[2],maxR));const bl=Math.max(0,Math.min(radii[3],maxR));const right=r.x+r.width;const bottom=r.y+r.height;ctx.beginPath();ctx.moveTo(r.x+tl,r.y);ctx.lineTo(right-tr,r.y);if(tr>0)ctx.arcTo(right,r.y,right,r.y+tr,tr);ctx.lineTo(right,bottom-br);if(br>0)ctx.arcTo(right,bottom,right-br,bottom,br);ctx.lineTo(r.x+bl,bottom);if(bl>0)ctx.arcTo(r.x,bottom,r.x,bottom-bl,bl);ctx.lineTo(r.x,r.y+tl);if(tl>0)ctx.arcTo(r.x,r.y,r.x+tl,r.y,tl);ctx.closePath()}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-bar-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-bar-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-bar-chart: auto mode wanted Pro for ${pointCount.toLocaleString()} bars (threshold ${threshold.toLocaleString()}) but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function getProFeatureBlockReason(features={}){if(features.visualMap===true){return"visualMap colours need per-datum fills and currently use the Standard engine"}if(features.inactiveOtherPoints===true){return"inactiveOtherPoints requires per-point opacity and currently uses the Standard engine"}const thickness=features.thickness;if(Number.isFinite(thickness)&&thickness!==0){return`bar stroke (thickness ${thickness}) requires the Standard engine; Pro currently renders solid-fill bars without strokes`}if(hasPositiveCornerRadius(features.borderRadius)||features.seriesBorderRadius?.some(hasPositiveCornerRadius)){return"borderRadius requires the Standard engine; Pro currently renders square solid-fill bars"}const borderWidth=parseFeatureNumber(features.borderWidth);const seriesBorderWidth=features.seriesBorderWidth?.map(value=>parseFeatureNumber(value)).find(value=>value!==void 0&&value>0);if(borderWidth!==void 0&&borderWidth>0||seriesBorderWidth!==void 0){const width=borderWidth!==void 0&&borderWidth>0?borderWidth:seriesBorderWidth;return`borderWidth (${width}) requires the Standard engine; Pro currently renders solid-fill bars without outlines`}if(typeof features.borderColor==="string"&&features.borderColor.trim()||features.seriesBorderColor?.some(value=>typeof value==="string"&&value.trim())){return"borderColor requires the Standard engine; Pro currently renders solid-fill bars without outlines"}if(features.borderDashStyle!==void 0&&features.borderDashStyle!=="Solid"||features.seriesBorderDashStyle?.some(value=>value!==void 0&&value!=="Solid")){return"borderDashStyle requires the Standard engine; Pro currently renders solid-fill bars without dashed outlines"}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 parseFeatureNumber(value){if(typeof value==="number"&&Number.isFinite(value))return value;if(typeof value==="string"&&value.trim()){const parsed=Number(value);if(Number.isFinite(parsed))return parsed}return void 0}function hasPositiveCornerRadius(value){const uniform=parseFeatureNumber(value);if(uniform!==void 0)return uniform>0;if(Array.isArray(value)){return value.some(entry=>(parseFeatureNumber(entry)??0)>0)}if(value&&typeof value==="object"){const radii=value;return[radii.topLeft,radii.topRight,radii.bottomRight,radii.bottomLeft].some(entry=>(parseFeatureNumber(entry)??0)>0)}return false}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 syBarChartCss=()=>`.sc-sy-bar-chart-h{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-bar-chart__canvas.sc-sy-bar-chart{display:block;background:rgba(0,0,0,0)}.sy-bar-chart__watermark.sc-sy-bar-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:5}.sy-bar-chart__watermark--degraded.sc-sy-bar-chart{border-color:#facc15;color:#854d0e}`;const BAR_CHART_LEGEND_FONT_SIZE=12;const BAR_CHART_LEGEND_SWATCH_SIZE=12;const BAR_CHART_LEGEND_SWATCH_LABEL_GAP=6;const BAR_CHART_LEGEND_ITEM_GAP=12;const BAR_CHART_LEGEND_ROW_GAP=6;const BAR_CHART_LEGEND_EDGE_PADDING=8;const BAR_CHART_LEGEND_PLOT_GAP=16;const BAR_CHART_LEGEND_FLOAT_PADDING=8;function withBarRowOrderDefault(input){const withDefault=(slot,inArray)=>{if(slot===false||slot==="off")return slot;if(slot===void 0||slot===null)return inArray?slot:{kind:"category",reversed:true};if(slot==="auto"||slot===true)return{kind:"category",reversed:true};if(typeof slot!=="object")return slot;if(slot.reversed!==void 0)return slot;if(slot.kind!==void 0&&slot.kind!=="category")return slot;return{...slot,reversed:true}};return Array.isArray(input)?input.map(slot=>withDefault(slot,true)):withDefault(input,false)}function tooltipClassName(base,extra){return extra&&extra.length>0?`${base} ${extra}`:base}function tooltipCssValue(_property,value){return typeof value==="number"?`${value}px`:value}function shiftScale(scale,delta){const fn=(value=>scale(value)+delta);fn.invert=value=>scale.invert(value-delta);fn.ticks=count=>scale.ticks(count);fn.domain=()=>scale.domain();const[r0,r1]=scale.range();fn.range=()=>[r0+delta,r1+delta];return fn}const SyBarChart=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.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=new Float32Array(0);width=600;height=300;brandLogo;brandPosition="bottom-right";color="#2563eb";thickness=0;barPadding=.1;seriesPadding=.1;baseline=0;stacking;borderRadius;borderScope="stack";borderColor;borderWidth;borderDashStyle;inactiveOtherPoints=false;inactivePointOpacity=.2;engine="auto";proThreshold=5e4;unavailable="fallback";streamSource;streamWindow;streamMax;animated=false;animationDuration=200;animationEasing="ease-out";animationType;legend=false;legendPosition="bottom";legendItems;seriesName;legendFloatAlign="end";legendFloatVerticalAlign="top";legendDraggable=false;xAxis;yAxis;chartTitle;chartSubtitle;tooltip;crosshair;gridLines;zoom;brush;drawings;drawingMode;drawingTool;drawingSpace;visualMap;rendered;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;crosshairMove;tooltipShow;tooltipHide;tooltipAction;zoomChange;brushChange;brushStart;brushMove;brushEnd;drawingsChange;drawingSelectionChange;pointHover;pointClick;pointContextMenu;seriesOutsideClick;legendItemClick;seriesToggled;activeTier="standard";fallbackReason;degradedReason;hoverHit=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());cursor=null;legendToggle=createLegendToggleState(0);legendHover=null;observedCanvasPixelSize;autoActiveSeriesIndex;emptyValues=new Float32Array(0);canvas;renderer;lastFrame;boundPointerHandlers=false;resizeObserver;lastHoverSeriesIndex=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;animator;displayValues=new Float32Array(0);streamFrame;streamFrameState;streamFrameHandle=null;lastStreamFrameTime;initialAnimationFrameHandle=null;initialAnimationRunning=false;initialAnimationPaused=false;initialAnimationStartedAt=0;initialAnimationPausedElapsed=0;initialAnimationTarget;animationValueExtent;suppressNextValuesWatch=false;hasLoaded=false;detached=false;componentDidLoad(){this.hasLoaded=true;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});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)}}this.ensureRenderer();const target=this.coerceForAnimation(this.values);this.displayValues=this.shouldInitialCascade(null)?this.initialCascadeValues(target,0):target;this.ensureAnimator(true);this.bindStreamSource();this.syncFromStream();if(this.shouldInitialCascade(null))this.startInitialCascadeAnimation(this.values);else 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.ensureAnimator();this.bindStreamSource();this.syncFromStream();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=null;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.renderer?.destroy?.();this.renderer=void 0;this.rendererCanvas=void 0;this.proUpgraded=false;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.cancelStreamFrame(false);this.cancelInitialCascadeAnimation(false);this.animator?.stop();this.animator=void 0}handleValuesChange(next,previous){if(this.suppressNextValuesWatch){this.suppressNextValuesWatch=false;return}this.cancelStreamFrame(true);if(this.shouldInitialCascade(previous)){this.animationValueExtent=void 0;this.displayValues=this.coerceForAnimation(next);this.animator?.setImmediate(this.displayValues);this.startInitialCascadeAnimation(next)}else{this.routeValuesToAnimator(next,previous)}this.draw()}handleInputsChange(_newValue,_oldValue,propName){if(propName==="engine"||propName==="proThreshold"||propName==="unavailable"){this.proInitFailed=false;this.proInitFailReason=void 0}this.draw()}handleAnimationChange(){if(this.shouldInitialCascade(null)){this.cancelStreamFrame(true);this.ensureAnimator(true);this.animationValueExtent=void 0;this.displayValues=this.coerceForAnimation(this.values);this.animator?.setImmediate(this.displayValues);this.startInitialCascadeAnimation(this.values);return}this.cancelInitialCascadeAnimation(true);if(!this.shouldAnimate()){this.cancelStreamFrame(true);this.displayValues=this.coerceForAnimation(this.values);this.draw()}this.ensureAnimator(true)}handleStreamBindingChange(){this.cancelInitialCascadeAnimation(true);this.bindStreamSource();this.syncFromStream({type:"replace",count:this.boundStreamSource?.length??0});this.draw()}handleStreamWindowChange(){this.syncFromStream({type:"replace",count:this.boundStreamSource?.length??0});this.draw()}handleSeriesChange(){this.autoActiveSeriesIndex=void 0}handleSeriesActiveTriggerChange(){if(this.normalizedSeriesActiveTrigger()==="custom")this.setAutoActiveSeriesIndex(void 0)}async redraw(){return this.draw()}async getActiveTier(){return this.activeTier}async appendPoint(value){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>{this.streamTarget("appendPoint")?.push(value)})}async appendBatch(values){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>{this.streamTarget("appendBatch")?.pushBatch(values)})}async shift(count){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>{this.streamTarget("shift")?.shift(count)})}async replace(values){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>{this.streamTarget("replace")?.replace(values)})}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)}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(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type;if(!this.shouldAnimate()){this.cancelStreamFrame(true);this.cancelInitialCascadeAnimation(true);this.displayValues=this.coerceForAnimation(this.values);this.draw()}this.ensureAnimator(true)}async pauseAnimation(){this.animator?.pause();this.pauseStreamFrame();this.pauseInitialCascadeAnimation()}async resumeAnimation(){this.animator?.resume();this.resumeStreamFrame();this.resumeInitialCascadeAnimation()}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??new Float32Array(0);next[idx]={...next[idx],values:appendBarChartValue(existing,point,opts?.shift===true)};this.series=next;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 showTooltipAtPoint(pointIndex){const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(!tooltipSpec.show)return null;const frame=this.computeCartesianLayout();if(!frame)return null;this.lastFrame=frame;const prepared=this.preparedLayout();if(!prepared)return null;const firstSeries=prepared.seriesResolved[0];if(!firstSeries)return null;const rect=prepared.bars[0]?.[pointIndex];if(!rect)return null;const segment=prepared.layout?.segmentByOrder?.[0]?.[pointIndex]??void 0;const hit={sourceIndex:firstSeries.sourceIndex,pointIndex,rect,value:typeof firstSeries.values[pointIndex]==="number"?firstSeries.values[pointIndex]:NaN,categoryLabel:this.categoryLabelAt(pointIndex),segment:segment??void 0};this.hoverHit=hit;this.cursor=this.hitAnchor(hit);return this.showTooltipForHit(frame,hit,tooltipSpec,true)}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.cursor=position;return position!==null}async hideCrosshair(){this.cursor=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.draw()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.hoverHit=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}this.clearTooltips()}zoomPointerInput(e){const rect=this.host.getBoundingClientRect();const point={x:e.clientX-rect.left,y:e.clientY-rect.top};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 rect=this.host.getBoundingClientRect();const point={x:e.clientX-rect.left,y:e.clientY-rect.top};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-bar-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-bar-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-bar-chart__drawing":true,"sy-bar-chart__drawing--preview":entry.preview,"sy-bar-chart__drawing--locked":entry.drawing.locked===true,"sy-bar-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-bar-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-bar-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-bar-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 prepared=this.preparedLayout();if(!prepared)return[];const baseline=Number.isFinite(this.baseline)?this.baseline:0;const points=[];for(let si=0;si<prepared.seriesResolved.length;si++){const bars=prepared.bars[si]??[];const s=prepared.seriesResolved[si];for(let i=0;i<bars.length;i++){const r=bars[i];if(!r||r.width<=0||r.height<=0)continue;const segment=prepared.layout.segmentByOrder[si]?.[i];const raw=s.values[i];const value=segment?segment.value:typeof raw==="number"?raw:Number.NaN;if(!Number.isFinite(value))continue;points.push({seriesIndex:s.sourceIndex,index:i,cssX:value<baseline?r.x:r.x+r.width,cssY:r.y+r.height/2,dataX:value,dataY:i})}}return points}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(){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";return visualMapExtentOf(this.brushPoints().map(point=>visualMapPointValue(point,dimension,"x")))}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-bar-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-bar-chart__brush-area":true,"sy-bar-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-bar-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-bar-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-bar-chart__brush-area sy-bar-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-bar-chart__brush-preview sy-bar-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(e.target?.closest?.('button, a, input, select, textarea, [role="button"]'))return;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(frame){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const plot=frame.plot;return h("div",{class:"sy-bar-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-bar-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-bar-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"))}async hideTooltip(){this.hoverHit=null;this.cursor=null;this.clearTooltips()}async hitTestBar(cssX,cssY){const hit=this.hitTestInternal(cssX,cssY);if(!hit)return null;return{pointIndex:hit.pointIndex,seriesIndex:hit.sourceIndex}}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);return idx>=0&&idx<(this.series?.length??0)?idx:-1}if(typeof idOrIndex==="string"&&this.series){for(let i=0;i<this.series.length;i++){if(this.series[i]?.id===idOrIndex)return i}}return-1}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}streamTarget(method){const source=this.activeStreamSource(method);if(source&&source!==this.boundStreamSource)this.bindStreamSource();return source}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])}resumeInternalRing(source){if(source!==this.internalStreamSource||this.license.resumeStream(source,[this.values]))return;source.replace(this.snapshotInitialValues())}bindStreamSource(){if(this.detached)return;const next=this.streamingAllowed()?this.streamSource??this.ensureInternalStreamSource():void 0;if(next===this.boundStreamSource)return;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=next;if(!next)return;this.resumeInternalRing(next);this.streamUnsubscribe=next.subscribe(event=>{this.syncFromStream(event);this.draw()})}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=createRingBufferStreamSource({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}syncFromStream(event){const src=this.boundStreamSource;if(!src)return;const previous=this.coerceForAnimation(this.values);const next=src.snapshot(this.streamWindow);this.suppressNextValuesWatch=true;this.values=next;this.displayValues=next;this.routeStreamValues(previous,next,event);this.emitStreamLifecycle(previous.length,next.length,event)}emitStreamLifecycle(prevLen,nextLen,event){if(!event)return;if(event.type==="push"||event.type==="pushBatch"){this.appended.emit({count:event.count});const cap=this.coerceStreamCapacity()??Number.POSITIVE_INFINITY;const visibleCap=Math.min(this.streamWindow??cap,cap);if(prevLen+event.count>visibleCap&&nextLen>=visibleCap){this.windowSlid.emit({dropped:prevLen+event.count-nextLen})}}}ensureAnimator(rebuild=false){if(this.animator&&!rebuild)return;this.animator?.stop();this.animator=createBarChartAnimator({durationMs:this.shouldAnimate()?this.animationDuration:0,easing:this.animationEasing,onFrame:frame=>{this.displayValues=frame;this.draw()},onStart:()=>this.chartAnimationStart.emit(),onEnd:()=>{this.displayValues=this.coerceForAnimation(this.values);this.animationValueExtent=void 0;this.draw();this.chartAnimationEnd.emit()},onInterrupt:()=>this.chartAnimationInterrupted.emit()});if(rebuild){this.animator.setImmediate(this.coerceForAnimation(this.values))}}routeValuesToAnimator(next,previousInput){this.cancelInitialCascadeAnimation(true);if(!this.animator){this.animationValueExtent=void 0;this.displayValues=next;return}const arr=this.coerceForAnimation(next);if(!this.shouldUpdateAnimation(previousInput)){this.animationValueExtent=void 0;this.animator.setImmediate(arr);return}const previous=this.coerceForAnimation(this.displayValues??this.emptyValues);const aligned=alignWithBaseline({previous,next:arr,baseline:Number.isFinite(this.baseline)?this.baseline:0});this.animationValueExtent=this.hasExplicitSeries()?void 0:this.computeAnimationValueExtent(aligned.next);this.animator.setImmediate(aligned.previous);this.animator.animateTo(aligned.next)}startInitialCascadeAnimation(next){this.cancelInitialCascadeAnimation(this.initialAnimationRunning);const target=this.coerceForAnimation(next);this.initialAnimationTarget=target;this.animationValueExtent=this.hasExplicitSeries()?void 0:this.computeAnimationValueExtent(target);this.displayValues=this.initialCascadeValues(target,0);this.animator?.setImmediate(this.displayValues);if(!this.shouldInitialCascade(null)){this.animationValueExtent=void 0;this.displayValues=target;this.animator?.setImmediate(target);this.draw();return}const duration=Math.max(0,Number(this.animationDuration)||0);if(duration<=0){this.displayValues=target;this.animationValueExtent=void 0;this.draw();return}this.initialAnimationRunning=true;this.initialAnimationPaused=false;this.initialAnimationPausedElapsed=0;this.initialAnimationStartedAt=this.now();this.chartAnimationStart.emit();this.draw();this.initialAnimationFrameHandle=this.scheduleFrame(()=>this.tickInitialCascadeAnimation())}tickInitialCascadeAnimation(){this.initialAnimationFrameHandle=null;if(!this.initialAnimationRunning||this.initialAnimationPaused)return;const elapsed=this.now()-this.initialAnimationStartedAt;const rawProgress=Math.max(0,Math.min(1,elapsed/Math.max(1,Number(this.animationDuration)||1)));const target=this.initialAnimationTarget??this.coerceForAnimation(this.values);this.displayValues=this.initialCascadeValues(target,rawProgress);if(rawProgress>=1){this.displayValues=target;this.initialAnimationRunning=false;this.initialAnimationTarget=void 0;this.animationValueExtent=void 0;this.draw();this.chartAnimationEnd.emit();return}this.draw();this.initialAnimationFrameHandle=this.scheduleFrame(()=>this.tickInitialCascadeAnimation())}pauseInitialCascadeAnimation(){if(!this.initialAnimationRunning||this.initialAnimationPaused)return;this.initialAnimationPausedElapsed=this.now()-this.initialAnimationStartedAt;this.initialAnimationPaused=true;if(this.initialAnimationFrameHandle!==null){this.cancelFrame(this.initialAnimationFrameHandle);this.initialAnimationFrameHandle=null}}resumeInitialCascadeAnimation(){if(!this.initialAnimationRunning||!this.initialAnimationPaused)return;this.initialAnimationPaused=false;this.initialAnimationStartedAt=this.now()-this.initialAnimationPausedElapsed;this.initialAnimationPausedElapsed=0;this.initialAnimationFrameHandle=this.scheduleFrame(()=>this.tickInitialCascadeAnimation())}cancelInitialCascadeAnimation(emitInterrupt=false){const wasRunning=this.initialAnimationRunning;if(this.initialAnimationFrameHandle!==null){this.cancelFrame(this.initialAnimationFrameHandle);this.initialAnimationFrameHandle=null}this.initialAnimationRunning=false;this.initialAnimationPaused=false;this.initialAnimationPausedElapsed=0;this.initialAnimationTarget=void 0;if(wasRunning&&emitInterrupt)this.chartAnimationInterrupted.emit()}initialCascadeValues(target,rawProgress){const baseline=Number.isFinite(this.baseline)?this.baseline:0;const out=new Float32Array(target.length);const count=Math.max(1,target.length);const spread=target.length<=1?0:.65;const duration=Math.max(.01,1-spread);for(let i=0;i<target.length;i++){const value=target[i];if(!Number.isFinite(value)){out[i]=Number.NaN;continue}const order=count-1-i;const start=count<=1?0:order/(count-1)*spread;const localRaw=Math.max(0,Math.min(1,(rawProgress-start)/duration));const local=applyEasing(localRaw,this.animationEasing);out[i]=baseline+(value-baseline)*local}return out}routeStreamValues(previous,next,event){this.cancelInitialCascadeAnimation(true);this.animationValueExtent=void 0;this.animator?.setImmediate(next);if(!this.shouldAnimate()||!this.isAppendEvent(event)){this.cancelStreamFrame(true);this.displayValues=next;return}const shiftCount=this.resolveStreamShiftCount(previous,next,event);const duration=this.resolveStreamFrameDuration();if(shiftCount<=0||duration<=0){this.cancelStreamFrame(true);this.displayValues=next;return}this.startStreamFrame(previous,next,shiftCount,duration)}isAppendEvent(event){return event?.type==="push"||event?.type==="pushBatch"}resolveStreamShiftCount(previous,next,event){if(previous.length<2||next.length<2)return 0;if(next.length!==previous.length)return 0;const count=Math.max(1,Math.floor(event.count));if(count>=next.length)return 0;return Math.min(count,previous.length-1,next.length-1)}resolveStreamFrameDuration(){const configured=Math.max(0,Number(this.animationDuration)||0);const now=this.now();const previous=this.lastStreamFrameTime;this.lastStreamFrameTime=now;if(previous===void 0)return configured;const cadence=Math.max(0,now-previous);return configured>0?Math.min(configured,cadence):0}startStreamFrame(previous,next,shiftCount,duration){this.cancelStreamFrame(true);this.streamFrameState={previous,next,shiftCount,duration,startedAt:this.now(),pausedElapsed:0,paused:false};this.streamFrame={previous,next,shiftCount,progress:0};this.displayValues=previous;this.chartAnimationStart.emit();this.draw();this.streamFrameHandle=this.scheduleFrame(()=>this.tickStreamFrame())}tickStreamFrame(){this.streamFrameHandle=null;const state=this.streamFrameState;if(!state||state.paused)return;const elapsed=this.now()-state.startedAt;const rawProgress=state.duration===0?1:elapsed/state.duration;const progress=applyEasing(rawProgress,this.animationEasing);if(rawProgress>=1){this.streamFrame=void 0;this.streamFrameState=void 0;this.displayValues=state.next;this.draw();this.chartAnimationEnd.emit();return}this.streamFrame={previous:state.previous,next:state.next,shiftCount:state.shiftCount,progress};this.displayValues=this.interpolateStreamValues(state.previous,state.next,progress);this.draw();this.streamFrameHandle=this.scheduleFrame(()=>this.tickStreamFrame())}interpolateStreamValues(previous,next,progress){const t=Number.isFinite(progress)?Math.max(0,Math.min(1,progress)):1;const out=new Float32Array(next.length);for(let i=0;i<next.length;i++){const target=next[i];const start=i<previous.length?previous[i]:target;out[i]=start+(target-start)*t}return out}pauseStreamFrame(){const state=this.streamFrameState;if(!state||state.paused)return;state.pausedElapsed=this.now()-state.startedAt;state.paused=true;if(this.streamFrameHandle!==null){this.cancelFrame(this.streamFrameHandle);this.streamFrameHandle=null}}resumeStreamFrame(){const state=this.streamFrameState;if(!state||!state.paused)return;state.paused=false;state.startedAt=this.now()-state.pausedElapsed;state.pausedElapsed=0;this.streamFrameHandle=this.scheduleFrame(()=>this.tickStreamFrame())}cancelStreamFrame(emitInterrupt=false){const wasRunning=!!this.streamFrameState;if(this.streamFrameHandle!==null){this.cancelFrame(this.streamFrameHandle);this.streamFrameHandle=null}this.streamFrameState=void 0;this.streamFrame=void 0;if(wasRunning&&emitInterrupt)this.chartAnimationInterrupted.emit()}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialCascade(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="initial"}shouldUpdateAnimation(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!!input&&input.length>0}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}scheduleFrame(fn){if(typeof requestAnimationFrame!=="undefined"){return requestAnimationFrame(fn)}return setTimeout(fn,16)}cancelFrame(handle){if(typeof cancelAnimationFrame!=="undefined"&&typeof handle==="number"){cancelAnimationFrame(handle);return}clearTimeout(handle)}coerceForAnimation(input){if(input instanceof Float32Array)return input;const out=new Float32Array(input.length);for(let i=0;i<input.length;i++){const v=input[i];out[i]=typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:Number.NaN}return out}snapshotInitialValues(){const v=this.values;if(v instanceof Float32Array)return new Float32Array(v);const out=[];for(let i=0;i<v.length;i++){const n=v[i];if(typeof n==="bigint")out.push(Number(n));else if(typeof n==="number"&&Number.isFinite(n))out.push(n)}return new Float32Array(out)}proAvailability(){{return{available:false,reason:"Pro renderer not included in this build",code:rendererCodeOf(false)}}}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=null}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();if(this.boundStreamSource)this.syncFromStream({type:"replace",count:this.boundStreamSource.length});this.draw()}proInitInFlight=null;rendererToken=0;canvasTier;proUpgraded=false;proInitFailed=false;proInitFailReason;license=new EngineSwapLicense(()=>this.host,change=>this.handleLicenseChange(change));engineOutcome={code:"auto-standard",reason:null};engineLicenseState=null;rendererCanvas;adoptStandardRenderer(){if(!this.canvas)return;if(this.renderer instanceof BarChartStandardRenderer&&this.rendererCanvas===this.canvas)return;try{this.renderer?.destroy?.()}catch{}this.renderer=new BarChartStandardRenderer(this.canvas);this.rendererCanvas=this.canvas}ensureRenderer(){if(this.detached)return;if(!this.canvas)return;const availability=this.proAvailability();const engineInputs={requested:this.engine,pointCount:this.estimatePointCount(),proThreshold:this.proThreshold,onUnavailable:this.unavailable,proAvailable:availability.available,proUnavailableReason:availability.reason,features:{visualMap:this.effectiveVisualMap()!==null,color:this.color,thickness:this.thickness,inactiveOtherPoints:this.inactiveOtherPoints,borderRadius:this.borderRadius,seriesBorderRadius:this.series?.map(entry=>entry?.borderRadius),borderColor:this.borderColor,seriesBorderColor:this.series?.map(entry=>entry?.borderColor),borderWidth:this.borderWidth,seriesBorderWidth:this.series?.map(entry=>entry?.borderWidth),borderDashStyle:this.borderDashStyle,seriesBorderDashStyle:this.series?.map(entry=>entry?.borderDashStyle)}};let decision=pickEngine(engineInputs);if(this.proInitFailed&&decision.tier==="pro"){this.engineLicenseState=null;this.engineOutcome=engineFailureOutcome(this.proInitFailReason??"");this.activeTier="standard";if(this.canvasTier!==void 0&&this.canvasTier!=="standard")return;this.adoptStandardRenderer();if(this.fallbackReason!==this.proInitFailReason)this.fallbackReason=this.proInitFailReason;if(this.degradedReason!==void 0)this.degradedReason=void 0;return}const license=decision.tier==="pro"?this.engineLicense():null;if(license?.code){decision=pickEngine({...engineInputs,proAvailable:false,proUnavailableReason:license.reason,proUnavailableCode:license.code,keepPro:false})}this.engineLicenseState=license?.state??null;this.engineOutcome=engineSwapOutcome({requested:this.engine,tier:decision.tier,license,renderer:availability.code?{code:availability.code,reason:availability.reason??""}:null,fallbackReason:decision.fallbackReason,featureFallbackReason:decision.featureFallbackReason,degradedReason:decision.degradedReason});if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;if(decision.degradedReason!==this.degradedReason)this.degradedReason=decision.degradedReason;if(decision.tier==="standard"){this.proUpgraded=false;this.activeTier="standard";if(this.canvasTier!==void 0&&this.canvasTier!=="standard")return;this.adoptStandardRenderer();return}if(this.proUpgraded||this.proInitInFlight)return;if(this.canvasTier!=="pro"){this.activeTier="pro";return}return}estimatePointCount(){if(Array.isArray(this.series)&&this.series.length>0){let n=0;for(const s of this.series)n+=this.seriesValuesLength(s);return n}return this.values?.length??0}seriesValuesLength(series){if(!series)return 0;return resolveSeriesYValues(series).length||series.values?.length||0}sourcePointCount(){if(!this.hasExplicitSeries())return this.values?.length??0;return this.series.reduce((max,series)=>Math.max(max,this.seriesValuesLength(series)),0)}resolveBarAxesSpec(pointCount){const yInput=this.yAxis??(pointCount>0?{kind:"category",tickCount:pointCount}:{kind:"category"});return resolveCartesianAxesSpec(this.xAxis??{kind:"linear"},withBarRowOrderDefault(yInput))}normalizedLegendToggle(itemCount){if(this.legendToggle.count===itemCount)return this.legendToggle;const retained=Array.from(this.legendToggle.disabled).filter(index=>index<itemCount);return createLegendToggleState(itemCount,retained)}effectiveDisabledSeriesIndexes(){const disabled=new Set;if(!this.hasExplicitSeries()||!this.legend)return disabled;const seriesArr=this.series;const items=this.resolveLegendItems();const toggle=this.normalizedLegendToggle(items.length);const legendIndexBySeries=new Map;for(let r=0;r<items.length;r++){const idx=items[r].seriesIndex;if(typeof idx==="number")legendIndexBySeries.set(idx,r)}const directDisabled=new Set;for(let i=0;i<seriesArr.length;i++){const r=legendIndexBySeries.get(i);if(r!==void 0&&isLegendItemDisabled(toggle,r))directDisabled.add(i)}const linkGraph=resolveSeriesLinkGraph(seriesArr);for(let i=0;i<seriesArr.length;i++){if(directDisabled.has(i)){disabled.add(i);continue}const seriesId=seriesArr[i]?.id;const masterId=seriesId!==void 0?linkGraph.masterOf.get(seriesId):void 0;if(masterId===void 0)continue;const masterIndex=seriesArr.findIndex(s=>s?.id===masterId);if(masterIndex>=0&&directDisabled.has(masterIndex))disabled.add(i)}return disabled}seriesForRender(){if(!this.hasExplicitSeries())return void 0;const disabled=this.effectiveDisabledSeriesIndexes();if(disabled.size===0)return this.series;return this.series.map((series,index)=>{if(!series||!disabled.has(index)||!isSeriesVisible(series))return series;return{...series,visible:false}})}isPrimarySeriesDisabled(){if(this.hasExplicitSeries())return false;if(!this.legend)return false;const items=this.resolveLegendItems();if(items.length===0)return false;return isLegendItemDisabled(this.normalizedLegendToggle(items.length),0)}valuesForRender(){if(this.isPrimarySeriesDisabled())return this.emptyValues;return this.displayValues??this.values}resolvedActiveSeriesIndex(){if(typeof this.activeSeriesIndex==="number"&&Number.isFinite(this.activeSeriesIndex)&&this.activeSeriesIndex>=0){return Math.trunc(this.activeSeriesIndex)}return this.autoActiveSeriesIndex}visibleActiveSeriesRenderIndex(){const active=this.resolvedActiveSeriesIndex();if(active===void 0)return void 0;if(!this.hasExplicitSeries())return active;const renderSeries=this.seriesForRender();if(!renderSeries)return void 0;let renderIndex=0;for(let sourceIndex=0;sourceIndex<renderSeries.length;sourceIndex++){const series=renderSeries[sourceIndex];if(!series||!isSeriesVisible(series)||this.seriesValuesLength(series)===0)continue;if(sourceIndex===active)return renderIndex;renderIndex++}return void 0}normalizedSeriesActiveTrigger(){const trigger=this.seriesActiveTrigger;return trigger==="click"||trigger==="custom"?trigger:"hover"}setAutoActiveSeriesIndex(seriesIndex){if(typeof this.activeSeriesIndex==="number"&&Number.isFinite(this.activeSeriesIndex)&&this.activeSeriesIndex>=0)return;const normalized=typeof seriesIndex==="number"&&Number.isFinite(seriesIndex)?Math.trunc(seriesIndex):void 0;if(this.autoActiveSeriesIndex===normalized)return;this.autoActiveSeriesIndex=normalized;this.draw()}invokeSeriesEvent(seriesIndex,name,original){const series=this.series?.[seriesIndex];const handler=series?.events?.[name];if(typeof handler!=="function")return;const identity=resolveSeriesIdentity(series,seriesIndex);handler({seriesId:identity.id,seriesIndex,seriesName:identity.name,original})}resolvedSeriesForCartesian(){return resolveBarRendererSeries({series:this.seriesForRender(),values:this.valuesForRender(),color:this.color,thickness:this.thickness})}computeValueExtentForBar(series){if(this.animationValueExtent){return{min:this.animationValueExtent.min,max:this.animationValueExtent.max}}const baseline=Number.isFinite(this.baseline)?this.baseline:0;if(series.length===0)return{min:baseline-1,max:baseline+1};const layout=computeColumnStackLayout({entries:series.map((entry,order)=>({order,values:entry.values,series:entry.series})),baseline,chartLevelStacking:this.stacking});const{min,max}=layout.yExtent;if(min===max)return{min:min-1,max:max+1};return{min,max}}computeCartesianLayout(){const outer={x:0,y:0,width:Math.max(0,this.width),height:Math.max(0,this.height)};const series=this.resolvedSeriesForCartesian();const renderedPointCount=Math.max(series.reduce((max,s)=>Math.max(max,s.values.length),0),this.animationValueExtent?.pointCount??0);const pointCount=Math.max(renderedPointCount,this.sourcePointCount());if(pointCount===0||outer.width<=0||outer.height<=0)return void 0;const legendBundle=this.buildLegendLayout();const remaining=legendBundle?.layout.remainingOuter??{x:0,y:0,width:outer.width,height:outer.height};const valueExtent=this.computeValueExtentForBar(series);const categoryExtent={min:-.5,max:Math.max(.5,pointCount-.5)};const axes=this.resolveBarAxesSpec(pointCount);const frame=computeCartesianFrame({outerWidth:Math.max(1,remaining.width),outerHeight:Math.max(1,remaining.height),axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:valueExtent,yExtent:categoryExtent,zoom:this.zoomState??void 0,requiredTicks:{x:Number.isFinite(this.baseline)?this.baseline:0,includeGridLines:false}});const dx=remaining.x;const dy=remaining.y;const translatedPlot={x:frame.plot.x+dx,y:frame.plot.y+dy,width:frame.plot.width,height:frame.plot.height};const xScale=shiftScale(frame.xScale,dx);const yScale=shiftScale(frame.yScale,dy);const yAxes=frame.yAxes.map(entry=>{const scale=shiftScale(entry.scale,dy);return{...entry,scale,ticks:entry.ticks.map(t=>({...t,position:t.position+dy})),gridLines:entry.gridLines.map(g=>({...g,y:(g.y??0)+dy})),linePosition:entry.linePosition+dx}});const xAxes=frame.xAxes.map(entry=>({...entry,scale:shiftScale(entry.scale,dx),ticks:entry.ticks.map(t=>({...t,position:t.position+dx})),gridLines:entry.gridLines.map(g=>({...g,x:(g.x??0)+dx})),linePosition:entry.linePosition+dy}));const translated={...frame,outer,legend:legendBundle??void 0,plot:translatedPlot,xScale,yScale,xAxes,xScales:Object.fromEntries(xAxes.flatMap((entry,index)=>[[entry.key,entry.scale],[String(index),entry.scale]])),yAxes,yScales:Object.fromEntries(yAxes.flatMap((entry,index)=>[[entry.key,entry.scale],[String(index),entry.scale]])),xTicks:frame.xTicks.map(t=>({...t,position:t.position+dx})),yTicks:frame.yTicks.map(t=>({...t,position:t.position+dy})),xGridLines:frame.xGridLines.map(g=>({...g,x:(g.x??0)+dx})),yGridLines:frame.yGridLines.map(g=>({...g,y:(g.y??0)+dy})),titleRect:frame.titleRect?{...frame.titleRect,x:frame.titleRect.x+dx,y:frame.titleRect.y+dy}:null,subtitleRect:frame.subtitleRect?{...frame.subtitleRect,x:frame.subtitleRect.x+dx,y:frame.subtitleRect.y+dy}:null};return translated}computeAnimationValueExtent(...frames){const baseline=Number.isFinite(this.baseline)?this.baseline:0;let min=baseline;let max=baseline;let pointCount=0;let sawFinite=false;for(const frame of frames){pointCount=Math.max(pointCount,frame.length);for(let i=0;i<frame.length;i++){const value=frame[i];if(!Number.isFinite(value))continue;min=Math.min(min,value);max=Math.max(max,value);sawFinite=true}}if(!sawFinite)return{min:baseline-1,max:baseline+1,pointCount};if(min===max)return{min:min-1,max:max+1,pointCount};return{min,max,pointCount}}preparedLayout(){const frame=this.computeCartesianLayout();if(!frame)return void 0;this.lastFrame=frame;const renderSeries=this.seriesForRender();return prepareBarRendererLayout({series:renderSeries,activeSeriesIndex:this.visibleActiveSeriesRenderIndex(),seriesState:this.seriesState,values:this.valuesForRender(),width:this.width,height:this.height,color:this.color,thickness:this.thickness,barPadding:this.barPadding,seriesPadding:this.seriesPadding,baseline:this.baseline,stacking:this.stacking,borderRadius:this.borderRadius,borderScope:this.borderScope,borderColor:this.borderColor,borderWidth:this.borderWidth,borderDashStyle:this.borderDashStyle,visualMap:this.effectiveVisualMap(),plot:frame.plot,xProject:v=>frame.xScale(v),yBandProject:index=>frame.yScale(index-.5)})}draw(){if(this.detached)return{points:0,renderMs:0};this.ensureRenderer();if(!this.renderer||!this.canvas)return{points:0,renderMs:0};if(this.rendererCanvas!==this.canvas)return{points:0,renderMs:0};if(this.canvasTier!==void 0&&this.canvasTier!==this.activeTier)return{points:0,renderMs:0};const frame=this.computeCartesianLayout();this.lastFrame=frame;const renderSeries=this.seriesForRender();const result=this.renderer.draw({series:renderSeries,activeSeriesIndex:this.visibleActiveSeriesRenderIndex(),seriesState:this.seriesState,seriesActiveTrigger:this.seriesActiveTrigger,values:this.valuesForRender(),width:this.width,height:this.height,color:this.color,thickness:this.thickness,barPadding:this.barPadding,seriesPadding:this.seriesPadding,baseline:this.baseline,stacking:this.stacking,borderRadius:this.borderRadius,borderScope:this.borderScope,borderColor:this.borderColor,borderWidth:this.borderWidth,borderDashStyle:this.borderDashStyle,inactiveOtherPoints:this.inactiveOtherPoints,inactivePointOpacity:this.inactivePointOpacity,visualMap:this.effectiveVisualMap(),activePointIndex:this.hoverHit?.pointIndex??null,plot:frame?.plot,xProject:frame?v=>frame.xScale(v):void 0,yBandProject:frame?index=>frame.yScale(index-.5):void 0,observedPixelSize:this.observedCanvasPixelSize,streamFrame:this.streamFrame});this.rendered.emit({...result,tier:this.activeTier});return result}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}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}hitAnchor(hit){const baseline=Number.isFinite(this.baseline)?this.baseline:0;const negative=hit.segment?hit.segment.value<baseline:hit.value<baseline;return{cssX:negative?hit.rect.x:hit.rect.x+hit.rect.width,cssY:hit.rect.y+hit.rect.height/2}}resolvedCrosshairSpec(){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(typeof this.crosshair==="object"&&this.crosshair!==null){const mode=this.crosshair.mode;if(mode==="x")return{...spec,mode:"vertical"};if(mode==="y")return{...spec,mode:"horizontal"};if(mode==="xy")return{...spec,mode:"cross"}}return spec}nearestBarHit(cssX,cssY,snap){if(snap==="off")return null;const prepared=this.preparedLayout();if(!prepared)return null;let best=null;for(let si=0;si<prepared.seriesResolved.length;si++){const bars=prepared.bars[si]??[];const s=prepared.seriesResolved[si];for(let i=0;i<bars.length;i++){const r=bars[i];const segment=prepared.layout.segmentByOrder[si]?.[i]??void 0;if(!r||r.width<=0||r.height<=0)continue;const raw=s.values[i];const centerY=r.y+r.height/2;const endX=segment?.value<this.baseline?r.x:r.x+r.width;const distance=snap==="index"?Math.abs(cssY-centerY):Math.hypot(cssX-endX,cssY-centerY);const hit={sourceIndex:s.sourceIndex,pointIndex:i,rect:r,value:typeof raw==="number"&&Number.isFinite(raw)?raw:NaN,categoryLabel:this.categoryLabelAt(i),segment:segment??void 0};if(!best||distance<best.distance)best={distance,hit}}}return best?.hit??null}updateCrosshairFromPointer(frame,cssX,cssY,hit){const spec=this.resolvedCrosshairSpec();if(!frame||!spec.show||!isInsidePlot(frame,cssX,cssY)){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const snapHit=hit??this.nearestBarHit(cssX,cssY,spec.snap);const snapped=spec.snap!=="off"?snapHit:null;const anchor=snapped?this.hitAnchor(snapped):{cssX,cssY};const nextX=anchor.cssX;const nextY=anchor.cssY;this.cursor={cssX:nextX,cssY:nextY};this.crosshairMove.emit({cssX:nextX,cssY:nextY,dataX:frame.xScale.invert(nextX),dataY:frame.yScale.invert(nextY),snappedPointIndex:snapped?.pointIndex})}onPointerMove=event=>{if(this.handleZoomPointerMove(event))return;const host=this.host;if(!host)return;const rect=host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;const frame=this.lastFrame??this.computeCartesianLayout();const hit=this.hitTestInternal(cssX,cssY);const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(hit){if(this.normalizedSeriesActiveTrigger()==="hover"){this.setAutoActiveSeriesIndex(hit.sourceIndex)}if(!this.hoverHit||this.hoverHit.pointIndex!==hit.pointIndex||this.hoverHit.sourceIndex!==hit.sourceIndex){this.hoverHit=hit}const previousSeriesIndex=this.lastHoverSeriesIndex;if(previousSeriesIndex!==hit.sourceIndex){if(previousSeriesIndex!==null)this.invokeSeriesEvent(previousSeriesIndex,"mouseOut",event);this.invokeSeriesEvent(hit.sourceIndex,"mouseOver",event);this.lastHoverSeriesIndex=hit.sourceIndex}this.pointHover.emit(this.pointDetailFromHit(hit));if(frame&&tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){this.showTooltipForHit(frame,hit,tooltipSpec)}}else{if(this.hoverHit)this.hoverHit=null;this.pointHover.emit(null);if(this.lastHoverSeriesIndex!==null){this.invokeSeriesEvent(this.lastHoverSeriesIndex,"mouseOut",event);this.lastHoverSeriesIndex=null}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()}this.updateCrosshairFromPointer(frame,cssX,cssY,hit)};onPointerLeave=()=>{this.drawingInteraction.hoverEnd();if(this.hoverHit){this.hoverHit=null;this.pointHover.emit(null)}if(this.lastHoverSeriesIndex!==null){this.invokeSeriesEvent(this.lastHoverSeriesIndex,"mouseOut");this.lastHoverSeriesIndex=null}if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};onPointerClick=event=>{if(this.consumeSuppressedPlotClick())return;const host=this.host;if(!host)return;const rect=host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;const hit=this.hitTestInternal(cssX,cssY);const frame=this.lastFrame??this.computeCartesianLayout();const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(hit){if(this.normalizedSeriesActiveTrigger()==="click"){this.setAutoActiveSeriesIndex(hit.sourceIndex)}this.hoverHit=hit;this.cursor=this.hitAnchor(hit);this.pointClick.emit(this.pointDetailFromHit(hit));this.invokeSeriesEvent(hit.sourceIndex,"click",event);if(frame&&tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){this.showTooltipForHit(frame,hit,tooltipSpec,true)}}else{if(this.normalizedSeriesActiveTrigger()!=="custom"){this.setAutoActiveSeriesIndex(void 0)}this.hoverHit=null;this.clearTooltips();this.seriesOutsideClick.emit({cssX,cssY,dataX:this.lastFrame?.xScale.invert(cssX),dataY:this.lastFrame?.yScale.invert(cssY)})}};onPointContextMenu=event=>{const host=this.host;if(!host)return;const rect=host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;const hit=this.hitTestInternal(cssX,cssY);if(!hit)return;event.preventDefault();event.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"bar",this.pointDetailFromHit(hit)))};bindPointerHandlers(){if(this.boundPointerHandlers||!this.host)return;this.host.addEventListener("pointerdown",this.handleZoomPointerDown);this.host.addEventListener("pointermove",this.onPointerMove);this.host.addEventListener("pointerup",this.handleZoomPointerUp);this.host.addEventListener("pointercancel",this.handleZoomPointerCancel);this.host.addEventListener("pointerleave",this.onPointerLeave);this.host.addEventListener("contextmenu",this.onPointContextMenu);this.host.addEventListener("click",this.onPointerClick);this.boundPointerHandlers=true}unbindPointerHandlers(){if(!this.boundPointerHandlers||!this.host)return;this.host.removeEventListener("pointerdown",this.handleZoomPointerDown);this.host.removeEventListener("pointermove",this.onPointerMove);this.host.removeEventListener("pointerup",this.handleZoomPointerUp);this.host.removeEventListener("pointercancel",this.handleZoomPointerCancel);this.host.removeEventListener("pointerleave",this.onPointerLeave);this.host.removeEventListener("contextmenu",this.onPointContextMenu);this.host.removeEventListener("click",this.onPointerClick);this.boundPointerHandlers=false}hitTestInternal(cssX,cssY){const prepared=this.preparedLayout();if(!prepared)return null;for(let si=0;si<prepared.seriesResolved.length;si++){const bars=prepared.bars[si]??[];const s=prepared.seriesResolved[si];for(let i=0;i<bars.length;i++){const r=bars[i];const segment=prepared.layout.segmentByOrder[si]?.[i]??void 0;if(!r||r.width<=0||r.height<=0)continue;if(cssX>=r.x&&cssX<=r.x+r.width&&cssY>=r.y&&cssY<=r.y+r.height){const raw=s.values[i];return{sourceIndex:s.sourceIndex,pointIndex:i,rect:r,value:typeof raw==="number"&&Number.isFinite(raw)?raw:NaN,categoryLabel:this.categoryLabelAt(i),segment:segment??void 0}}}}return null}categoryLabelAt(pointIndex){const axes=this.resolveBarAxesSpec(0);const cats=axes.y.categories;if(cats&&pointIndex>=0&&pointIndex<cats.length)return cats[pointIndex];return void 0}pointDetailFromHit(hit){const anchor=this.hitAnchor(hit);return{seriesIndex:hit.sourceIndex,pointIndex:hit.pointIndex,index:hit.pointIndex,value:hit.value,cssX:anchor.cssX,cssY:anchor.cssY,dataX:hit.value,dataY:hit.pointIndex,seriesId:this.series?.[hit.sourceIndex]?.id,seriesName:this.series?.[hit.sourceIndex]?.name}}tooltipContextFromHit(hit,mode){const seriesEntry=this.series?.[hit.sourceIndex];const anchor=this.hitAnchor(hit);return{seriesIndex:hit.sourceIndex,pointIndex:hit.pointIndex,index:hit.pointIndex,value:hit.value,cssX:anchor.cssX,cssY:anchor.cssY,dataX:hit.value,dataY:hit.pointIndex,seriesId:seriesEntry?.id,seriesName:seriesEntry?.name,categoryLabel:hit.categoryLabel,mode,stackTotal:hit.segment?.groupTotal,stackPercent:hit.segment?.percent}}tooltipDetailFromHit(hit,tooltipSpec=resolveCartesianTooltipSpec(this.tooltip)){const seriesEntry=this.series?.[hit.sourceIndex];const anchor=this.hitAnchor(hit);const label=hit.categoryLabel??String(hit.pointIndex);const valueText=Number.isFinite(hit.value)?Number.isInteger(hit.value)?`${hit.value}`:hit.value.toFixed(2):"—";const defaultText=`${seriesEntry?.name??this.seriesName??""}${seriesEntry?.name||this.seriesName?" · ":""}${label}: ${valueText}`;const context=this.tooltipContextFromHit(hit,tooltipSpec.mode);const seriesTooltip=resolveSeriesTooltipSpec(seriesEntry,resolveSeriesIdentity(seriesEntry,hit.sourceIndex));const effectiveFormat=pickEffectiveTooltipFormatter(tooltipSpec,seriesTooltip);const text=safeChartFormatter(effectiveFormat,[hit.value,context],()=>defaultText,"tooltip.format");const html=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);return{index:hit.pointIndex,seriesIndex:hit.sourceIndex,cssX:anchor.cssX,cssY:anchor.cssY,pointCssX:anchor.cssX,pointCssY:anchor.cssY,anchor:tooltipSpec.side??"right",side:tooltipSpec.side??"right",text,html,context}}showTooltipForHit(frame,hit,tooltipSpec,allowMultiple=false){const point=this.hitAnchor(hit);const anchor=cartesianTooltipAnchor({frame:{plot:frame.plot},hit:point,spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const base=this.tooltipDetailFromHit(hit,tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:point.cssX,pointCssY:point.cssY,box:lockedPosition?.box,side:renderedSide,text:base.text,html:base.html,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context:base.context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text:base.text,html:base.html,context:base.context};this.tooltipShow.emit(detail);return detail}tooltipPositionKeyForHit(hit){return`${hit.sourceIndex}:${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.sourceIndex;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};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}renderGridOverlay(frame){const{plot,xGridLines,yGridLines}=frame;const xGrid=thinGridLines(xGridLines,"x",plot.width);const yGrid=thinGridLines(yGridLines,"y",plot.height);return h("div",{class:"sy-bar-chart__grid-overlay",style:{position:"absolute",left:"0",top:"0",width:`${frame.outer.width}px`,height:`${frame.outer.height}px`,pointerEvents:"none",zIndex:"0"}},xGrid.map(line=>h("div",{class:"sy-bar-chart__grid-line sy-bar-chart__grid-line--x",style:{position:"absolute",left:`${line.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),yGrid.map(line=>h("div",{class:"sy-bar-chart__grid-line sy-bar-chart__grid-line--y",style:{position:"absolute",left:`${plot.x}px`,top:`${line.y}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})))}renderAxisOverlay(frame){const{plot,xTicks:xTicksRaw,titleRect,subtitleRect,axes}=frame;const axisColor="var(--sy-axis-line-color, #9ca3af)";const tickLabel=t=>t.label??(Number.isInteger(t.value)?`${t.value}`:t.value.toFixed(2));const categoryLabel=(axis,t)=>{const cats=axis.categories;const idx=Math.round(t.value);if(cats&&idx>=0&&idx<cats.length)return cats[idx];return tickLabel(t)};const xAxisItems=(frame.xAxes.length>0?frame.xAxes:[{key:"0",axis:axes.x,scale:frame.xScale,ticks:xTicksRaw,gridLines:frame.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 yAxisItems=(frame.yAxes.length>0?frame.yAxes:[{key:"0",axis:axes.y,scale:frame.yScale,ticks:frame.yTicks,gridLines:frame.yGridLines,side:"left",offset:0}]).map(entry=>{const right=entry.side==="right";const thinnedTicks=thinAxisTicks(entry.ticks,{plotSize:plot.height,orientation:"vertical",format:t=>categoryLabel(entry.axis,t)});return{...entry,ticks:thinnedTicks,right,offset:entry.offset}});return h("div",{class:"sy-bar-chart__axis-overlay",style:{position:"absolute",left:"0",top:"0",width:`${frame.outer.width}px`,height:`${frame.outer.height}px`,pointerEvents:"none",zIndex:"2"}},xAxisItems.map(axisItem=>h("div",{class:"sy-bar-chart__axis-line sy-bar-chart__axis-line--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${plot.x}px`,top:`${axisItem.top?plot.y-axisItem.offset:plot.y+plot.height+axisItem.offset}px`,width:`${plot.width}px`,height:"1px",background:axisColor}})),yAxisItems.map(axisItem=>h("div",{class:"sy-bar-chart__axis-line sy-bar-chart__axis-line--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?plot.x+plot.width+axisItem.offset:plot.x-axisItem.offset}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:axisColor}})),titleRect&&this.chartTitle&&h("div",{class:"sy-bar-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-bar-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),xAxisItems.flatMap(axisItem=>axisItem.ticks.map(t=>h("div",{class:"sy-bar-chart__axis-label sy-bar-chart__axis-label--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${t.position-28}px`,top:`${axisItem.top?plot.y-18-axisItem.offset: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-bar-chart__axis-label sy-bar-chart__axis-label--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?plot.x+plot.width+4+axisItem.offset:plot.x-46-axisItem.offset}px`,top:`${t.position-7}px`,width:"42px",textAlign:axisItem.right?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},categoryLabel(axisItem.axis,t)))),xAxisItems.filter(axisItem=>axisItem.axis.label).map(axisItem=>h("div",{class:"sy-bar-chart__axis-title sy-bar-chart__axis-title--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${plot.x}px`,top:`${axisItem.top?plot.y-40-axisItem.offset: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=>h("div",{class:"sy-bar-chart__axis-title sy-bar-chart__axis-title--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?plot.x+plot.width+52+axisItem.offset:plot.x-52-axisItem.offset}px`,top:`${plot.y+plot.height/2}px`,transform:"translate(-50%, -50%) rotate(-90deg)",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",whiteSpace:"nowrap"}},axisItem.axis.label)))}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(frame){const spec=this.resolvedCrosshairSpec();if(!spec.show||!this.cursor)return null;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.6))";const showHorizontal=spec.mode==="horizontal"||spec.mode==="cross";const showVertical=spec.mode==="vertical"||spec.mode==="cross";return h("div",{class:"sy-bar-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${frame.outer.width}px`,height:`${frame.outer.height}px`,pointerEvents:"none"}},showHorizontal&&h("div",{class:"sy-bar-chart__crosshair-line sy-bar-chart__crosshair-line--y",style:{position:"absolute",left:`${frame.plot.x}px`,top:`${Math.round(this.cursor.cssY)}px`,width:`${frame.plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}),showVertical&&h("div",{class:"sy-bar-chart__crosshair-line sy-bar-chart__crosshair-line--x",style:{position:"absolute",left:`${Math.max(frame.plot.x,Math.min(frame.plot.x+frame.plot.width,Math.round(this.cursor.cssX)))}px`,top:`${frame.plot.y}px`,width:"1px",height:`${frame.plot.height}px`,background:this.crosshairLineBackground("vertical",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:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"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 if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-bar-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tooltipClassName("sy-bar-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTooltipConnector(){const tooltips=this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-bar-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}renderDataLabels(frame){if(!this.hasExplicitSeries())return null;const prepared=prepareBarRendererLayout({series:this.seriesForRender(),activeSeriesIndex:this.visibleActiveSeriesRenderIndex(),seriesState:this.seriesState,values:this.valuesForRender(),width:this.width,height:this.height,color:this.color,thickness:this.thickness,barPadding:this.barPadding,seriesPadding:this.seriesPadding,baseline:this.baseline,stacking:this.stacking,borderRadius:this.borderRadius,borderScope:this.borderScope,borderColor:this.borderColor,borderWidth:this.borderWidth,borderDashStyle:this.borderDashStyle,visualMap:this.effectiveVisualMap(),plot:frame.plot,xProject:v=>frame.xScale(v),yBandProject:index=>frame.yScale(index-.5)});if(prepared.seriesResolved.length===0)return null;const labels=[];for(let order=0;order<prepared.seriesResolved.length;order++){const resolvedSeries=prepared.seriesResolved[order];const series=this.series?.[resolvedSeries.sourceIndex];const dataLabels=resolveSeriesDataLabels(series);if(!dataLabels.enabled)continue;const identity=resolveSeriesIdentity(series,resolvedSeries.sourceIndex);const bars=prepared.bars[order]??[];for(let pointIndex=0;pointIndex<bars.length;pointIndex++){const bar=bars[pointIndex];if(!bar||bar.width<=0||bar.height<=0)continue;const value=resolvedSeries.values[pointIndex];if(typeof value!=="number"||!Number.isFinite(value))continue;if(dataLabels.filter&&dataLabels.filter({value,pointIndex})===false)continue;const left=bar.x;const right=bar.x+bar.width;const x=dataLabels.align==="left"?left+dataLabels.padding:dataLabels.align==="right"?right-dataLabels.padding:left+bar.width/2;const y=dataLabels.verticalAlign==="top"?bar.y-dataLabels.padding:dataLabels.verticalAlign==="bottom"?bar.y+bar.height+dataLabels.padding:bar.y+bar.height/2;const text=dataLabels.formatter?dataLabels.formatter({value,pointIndex,seriesIndex:resolvedSeries.sourceIndex,seriesId:identity.id,seriesName:identity.name}):typeof dataLabels.format==="string"&&dataLabels.format.length>0?dataLabels.format.replace(/\{value\}/g,String(value)).replace(/\{point\.y\}/g,String(value)):String(value);labels.push({x,y,text,color:dataLabels.color,align:dataLabels.align,verticalAlign:dataLabels.verticalAlign})}}if(labels.length===0)return null;return h("div",{class:"sy-bar-chart__data-labels",style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"},"aria-hidden":"true"},labels.map(label=>{const translateX=label.align==="left"?"0%":label.align==="right"?"-100%":"-50%";const translateY=label.verticalAlign==="top"?"-100%":label.verticalAlign==="middle"?"-50%":"0%";return h("span",{class:"sy-bar-chart__data-label",style:{position:"absolute",left:`${label.x}px`,top:`${label.y}px`,transform:`translate(${translateX}, ${translateY})`,font:"400 11px system-ui, sans-serif",color:label.color??"var(--sy-data-label-color, #111827)",whiteSpace:"nowrap"}},label.text)}))}hasExplicitSeries(){return Array.isArray(this.series)&&this.series.length>0}resolveLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0){return this.legendItems.map((item,i)=>({label:item.label,swatchColor:item.swatchColor??this.color,swatchShape:item.swatchShape??"square",disabled:isLegendItemDisabled(this.legendToggle,i),seriesIndex:typeof item.seriesIndex==="number"?item.seriesIndex:i,id:item.id}))}if(this.hasExplicitSeries()){const items=[];for(let i=0;i<this.series.length;i++){const series=this.series[i];if(!isSeriesShownInLegend(series))continue;const identity=resolveSeriesIdentity(series,i);items.push({label:identity.name||`Series ${i+1}`,swatchColor:series.color??this.color,swatchShape:"square",disabled:isLegendItemDisabled(this.legendToggle,items.length),seriesIndex:i,id:identity.id})}return items}if(!this.seriesName)return[];return[{label:this.seriesName,swatchColor:this.color,swatchShape:"square",disabled:isLegendItemDisabled(this.legendToggle,0)}]}legendLayoutPadding(){if(this.legendPosition==="top")return{top:BAR_CHART_LEGEND_EDGE_PADDING,right:BAR_CHART_LEGEND_EDGE_PADDING,bottom:BAR_CHART_LEGEND_PLOT_GAP,left:BAR_CHART_LEGEND_EDGE_PADDING};if(this.legendPosition==="bottom")return{top:BAR_CHART_LEGEND_PLOT_GAP,right:BAR_CHART_LEGEND_EDGE_PADDING,bottom:BAR_CHART_LEGEND_EDGE_PADDING,left:BAR_CHART_LEGEND_EDGE_PADDING};if(this.legendPosition==="left")return{top:BAR_CHART_LEGEND_EDGE_PADDING,right:BAR_CHART_LEGEND_PLOT_GAP,bottom:BAR_CHART_LEGEND_EDGE_PADDING,left:BAR_CHART_LEGEND_EDGE_PADDING};if(this.legendPosition==="right")return{top:BAR_CHART_LEGEND_EDGE_PADDING,right:BAR_CHART_LEGEND_EDGE_PADDING,bottom:BAR_CHART_LEGEND_EDGE_PADDING,left:BAR_CHART_LEGEND_PLOT_GAP};return{top:BAR_CHART_LEGEND_FLOAT_PADDING,right:BAR_CHART_LEGEND_FLOAT_PADDING,bottom:BAR_CHART_LEGEND_FLOAT_PADDING,left:BAR_CHART_LEGEND_FLOAT_PADDING}}buildLegendLayout(){if(!this.legend)return null;const items=this.resolveLegendItems();if(items.length===0)return null;if(this.legendToggle.count!==items.length){this.legendToggle=createLegendToggleState(items.length,Array.from(this.legendToggle.disabled))}const layout=computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,floatAlign:this.legendFloatAlign,floatVerticalAlign:this.legendFloatVerticalAlign,gap:BAR_CHART_LEGEND_ITEM_GAP,swatchSize:BAR_CHART_LEGEND_SWATCH_SIZE,swatchLabelGap:BAR_CHART_LEGEND_SWATCH_LABEL_GAP,rowGap:BAR_CHART_LEGEND_ROW_GAP,fontSize:BAR_CHART_LEGEND_FONT_SIZE,padding:this.legendLayoutPadding(),color:"var(--sy-axis-color, #111827)"});return{layout,items}}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"};if(this.legendPosition==="float"&&layout.floatBoxStyle){containerStyle.background=layout.floatBoxStyle.background;containerStyle.borderStyle="solid";containerStyle.borderColor=layout.floatBoxStyle.borderColor;containerStyle.borderWidth=`${layout.floatBoxStyle.borderWidth}px`;containerStyle.borderRadius=`${layout.floatBoxStyle.borderRadius}px`;containerStyle.boxShadow=layout.floatBoxStyle.boxShadow}return h("div",{class:"sy-bar-chart__legend",role:"list",style:containerStyle,onClick:e=>this.handleLegendClick(e,layout),onMouseLeave:()=>{if(this.legendHover!==null)this.legendHover=null}},items.map((item,i)=>this.renderLegendItem(item,i,layout.itemRects[i],layout.legendRect)))}renderLegendItem(item,index,rect,parent){if(!rect)return null;const disabled=isLegendItemDisabled(this.legendToggle,index);const hovered=this.legendHover===index;const swatchStyle={flex:"0 0 auto",width:`${BAR_CHART_LEGEND_SWATCH_SIZE}px`,height:`${BAR_CHART_LEGEND_SWATCH_SIZE}px`,background:item.swatchColor,borderRadius:item.swatchShape==="circle"?"50%":"2px"};if(item.swatchShape==="line"){swatchStyle.height="2px";swatchStyle.borderRadius="999px"}return h("div",{role:"listitem","data-legend-index":String(index),class:{"sy-bar-chart__legend-item":true,"sy-bar-chart__legend-item--disabled":disabled,"sy-bar-chart__legend-item--hover":hovered},style:{position:"absolute",left:`${rect.x-parent.x}px`,top:`${rect.y-parent.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",alignItems:"center",gap:`${BAR_CHART_LEGEND_SWATCH_LABEL_GAP}px`,lineHeight:`${BAR_CHART_LEGEND_SWATCH_SIZE}px`,boxSizing:"border-box",whiteSpace:"nowrap",cursor:"pointer",opacity:disabled?"0.45":hovered?"0.85":"1",transition:"opacity 120ms ease-out"},onMouseEnter:()=>{this.legendHover=index}},h("span",{class:"sy-bar-chart__legend-swatch",style:swatchStyle}),h("span",{class:"sy-bar-chart__legend-label",style:{display:"block",color:"inherit",lineHeight:`${BAR_CHART_LEGEND_SWATCH_SIZE}px`,textDecoration:disabled?"line-through":"none"}},item.label))}handleLegendClick(e,layout){if(!layout.legendRect||layout.itemRects.length===0)return;const host=e.target?.closest(".sy-bar-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});if(hit.index===null)return;const items=this.resolveLegendItems();const item=items[hit.index];if(!item)return;const previous=this.normalizedLegendToggle(items.length);const next=toggleLegendItem(previous,hit.index);if(next===previous)return;this.legendToggle=next;const seriesIndex=typeof item.seriesIndex==="number"?item.seriesIndex:hit.index;const target=this.series?.[seriesIndex];const disabled=isLegendItemDisabled(next,hit.index);const identity=resolveSeriesIdentity(target,seriesIndex);this.legendItemClick.emit({index:hit.index,seriesIndex,seriesId:identity.id,seriesName:identity.name,label:item.label,disabled});this.seriesToggled.emit({index:hit.index,seriesIndex,seriesId:identity.id,seriesName:identity.name,disabled});this.invokeSeriesEvent(seriesIndex,"legendItemClick");this.invokeSeriesEvent(seriesIndex,disabled?"hide":"show");if(disabled&&this.hoverHit?.sourceIndex===seriesIndex){this.hoverHit=null;this.cursor=null;this.clearTooltips();this.crosshairMove.emit(null);this.pointHover.emit(null)}this.draw()}render(){const frame=this.computeCartesianLayout();const zoomSpec=this.zoomSpec();return h(Host,{key:"ed245b814ec062858a59b10d8278934e0f8a21ad",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"},frame&&this.renderGridOverlay(frame),h("canvas",{key:`sy-bar-canvas-${this.activeTier}`,ref:el=>{const remounted=!!el&&el!==this.canvas;this.canvas=el;if(el){this.canvasTier=this.activeTier;if(remounted)this.draw()}},class:"sy-bar-chart__canvas",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",zIndex:"1"}}),frame&&this.renderAxisOverlay(frame),frame&&this.renderDataLabels(frame),frame&&this.renderCrosshair(frame),frame&&this.renderZoomOverlay(frame),frame&&this.renderBrushOverlay(frame),frame&&this.renderDrawingOverlay(frame),this.renderTooltipConnector(),this.renderTooltip(),frame?.legend&&this.renderLegend(frame.legend),this.fallbackReason&&h("span",{key:"f633593ce50d9d52474878e44cb6f8ce7ae373ea",class:"sy-bar-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.degradedReason&&h("span",{key:"5055e83f360067b7602e401d55588ecd72abd373",class:"sy-bar-chart__watermark sy-bar-chart__watermark--degraded",title:this.degradedReason},"Syidax - Pro degraded"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:frame?.plot}))}static get watchers(){return{"values":[{"handleValuesChange":0}],"series":[{"handleInputsChange":0},{"handleSeriesChange":0}],"engine":[{"handleInputsChange":0}],"proThreshold":[{"handleInputsChange":0}],"unavailable":[{"handleInputsChange":0}],"color":[{"handleInputsChange":0}],"thickness":[{"handleInputsChange":0}],"barPadding":[{"handleInputsChange":0}],"seriesPadding":[{"handleInputsChange":0}],"baseline":[{"handleInputsChange":0}],"stacking":[{"handleInputsChange":0}],"borderRadius":[{"handleInputsChange":0}],"borderScope":[{"handleInputsChange":0}],"borderColor":[{"handleInputsChange":0}],"borderWidth":[{"handleInputsChange":0}],"borderDashStyle":[{"handleInputsChange":0}],"inactiveOtherPoints":[{"handleInputsChange":0}],"inactivePointOpacity":[{"handleInputsChange":0}],"activeSeriesIndex":[{"handleInputsChange":0}],"seriesState":[{"handleInputsChange":0}],"xAxis":[{"handleInputsChange":0}],"yAxis":[{"handleInputsChange":0}],"chartTitle":[{"handleInputsChange":0}],"chartSubtitle":[{"handleInputsChange":0}],"gridLines":[{"handleInputsChange":0}],"tooltip":[{"handleInputsChange":0}],"crosshair":[{"handleInputsChange":0}],"legend":[{"handleInputsChange":0}],"legendPosition":[{"handleInputsChange":0}],"legendItems":[{"handleInputsChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"streamSource":[{"handleStreamBindingChange":0}],"streamMax":[{"handleStreamBindingChange":0}],"streamWindow":[{"handleStreamWindowChange":0}],"seriesActiveTrigger":[{"handleSeriesActiveTriggerChange":0}],"drawingMode":[{"handleDrawingModeChange":0}],"drawings":[{"onDrawingsProp":0}],"visualMap":[{"onVisualMapProp":0}]}}};SyBarChart.style=syBarChartCss();export{SyBarChart as sy_bar_chart};

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

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{s as safeChartFormatter,r as reportChartFormatterError}from"./safe-formatter-DO6vGxJP.js";import{a as visualMapExtentOf,v as visualMapColorFn}from"./visual-map-binding-DiSr3bTW.js";import{p as parseColor}from"./parse-EXuVQfpl.js";import{c as chartEngineNeedsLicense,d as resolveChartEngine,i as isChartLicenseEngineCode,g as gpuTierAvailability,G as GPU_PRO_NOT_IN_BUILD_REASON,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{E as EngineSwapLicense,S as STREAMING_LICENSE_FEATURE,c as ENGINE_LICENSE_FEATURE,d as engineFailureOutcome,f as requestedStreamingInputs,e as engineSwapStatus}from"./engine-swap-license-CwIR5SyJ.js";import{a as applyPlainStreamOp}from"./chart-streaming-gate-CXnkXyxT.js";import{c as capStreamDuration}from"./stream-interp-DTZUbymc.js";import{r as resolveCartesianTooltipSpec,a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{b as cartesianTooltipAnchor,a as computeCartesianFrame}from"./cartesian-frame-interaction-BC4761vn.js";import{a as avoidTooltipCardOverlap,t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{Z as ZoomInteraction,r as resolveCartesianZoomSpec}from"./zoom-interaction-DIwGXfJu.js";import{t as thinAxisTicks}from"./axis-label-thinning-S3uzYKsD.js";import"./scheme-BwtrZuf8.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./zoom-window-D6sPnRDQ.js";import"./brand-mark-default-AzDRbG7D.js";const BUBBLE_DEFAULT_PADDING=.05;const BUBBLE_DEFAULT_MIN_RADIUS=4;const BUBBLE_DEFAULT_MAX_RADIUS=28;const BUBBLE_HIT_SLACK_PX=2;function finite$1(v){return typeof v==="number"&&Number.isFinite(v)}function bubbleDatumOf(input){if(!input)return null;if(Array.isArray(input)){const[x,y,z,name]=input;if(!finite$1(x)||!finite$1(y)||!finite$1(z))return null;return{x,y,z,name:typeof name==="string"&&name!==""?name:null,color:null}}const o=input;if(!finite$1(o.x)||!finite$1(o.y)||!finite$1(o.z))return null;return{x:o.x,y:o.y,z:o.z,name:typeof o.name==="string"&&o.name!==""?o.name:null,color:typeof o.color==="string"&&o.color!==""?o.color:null}}function resolveBubblePoints(data,streamEntries=[]){const out=[];const push=(list,source)=>{if(!Array.isArray(list))return;for(const raw of list){const datum=bubbleDatumOf(raw);if(datum)out.push({index:out.length,...datum,source})}};push(data,"data");push(streamEntries,"stream");return out}function bubbleNameOf(point,index){return point.name??`#${index+1}`}function bubbleExtent(points){if(points.length===0)return{points:0,xMin:Number.NaN,xMax:Number.NaN,yMin:Number.NaN,yMax:Number.NaN,zMin:Number.NaN,zMax:Number.NaN};let xMin=Infinity,xMax=-Infinity,yMin=Infinity,yMax=-Infinity,zMin=Infinity,zMax=-Infinity;for(const p of points){if(p.x<xMin)xMin=p.x;if(p.x>xMax)xMax=p.x;if(p.y<yMin)yMin=p.y;if(p.y>yMax)yMax=p.y;if(p.z<zMin)zMin=p.z;if(p.z>zMax)zMax=p.z}return{points:points.length,xMin,xMax,yMin,yMax,zMin,zMax}}function axisDomain(lo,hi,min,max,padding){let a=finite$1(min)?min:Number.isFinite(lo)?lo:0;let b=finite$1(max)?max:Number.isFinite(hi)?hi:1;if(!finite$1(min)&&!finite$1(max)&&Number.isFinite(lo)&&Number.isFinite(hi)){const span=hi-lo;if(span>0){a=lo-span*padding;b=hi+span*padding}else{a=lo-1;b=hi+1}}else if(finite$1(min)&&!finite$1(max)&&b<=a)b=a+1;else if(!finite$1(min)&&finite$1(max)&&a>=b)a=b-1;if(b<=a)b=a+1;return[a,b]}function resolveBubbleDomain(input){const padding=finite$1(input.padding)&&input.padding>=0?input.padding:BUBBLE_DEFAULT_PADDING;const[xMin,xMax]=axisDomain(input.extent.xMin,input.extent.xMax,input.xMin,input.xMax,padding);const[yMin,yMax]=axisDomain(input.extent.yMin,input.extent.yMax,input.yMin,input.yMax,padding);return{xMin,xMax,yMin,yMax}}function resolveBubbleSizeScale(value){return value==="radius"?"radius":"area"}function resolveBubbleRadiusScale(input){const minPx=Math.max(0,finite$1(input.minPx)?input.minPx:BUBBLE_DEFAULT_MIN_RADIUS);const maxPx=Math.max(minPx,finite$1(input.maxPx)?input.maxPx:BUBBLE_DEFAULT_MAX_RADIUS);const zMin=finite$1(input.zMin)?input.zMin:Number.isFinite(input.extent.zMin)?input.extent.zMin:0;const zMax=finite$1(input.zMax)?input.zMax:Number.isFinite(input.extent.zMax)?input.extent.zMax:zMin;return{zMin,zMax:Math.max(zMin,zMax),minPx,maxPx,scale:resolveBubbleSizeScale(input.scale)}}function bubbleRadiusPx(z,scale){const span=scale.zMax-scale.zMin;if(!(span>0))return(scale.minPx+scale.maxPx)/2;const t=Math.max(0,Math.min(1,(z-scale.zMin)/span));if(scale.scale==="radius")return scale.minPx+t*(scale.maxPx-scale.minPx);return Math.sqrt(scale.minPx*scale.minPx+t*(scale.maxPx*scale.maxPx-scale.minPx*scale.minPx))}function nearestBubbleIndex(count,centreOf,radiusOf,cssX,cssY,slackPx=BUBBLE_HIT_SLACK_PX){let best=-1;let bestRadius=Infinity;for(let i=0;i<count;i+=1){const[cx,cy]=centreOf(i);const r=radiusOf(i);const d=Math.hypot(cssX-cx,cssY-cy);if(d<=r+slackPx&&r<=bestRadius){best=i;bestRadius=r}}return best}const BUBBLE_RECORD_FLOATS=8;function packBubbleRecords(input){const count=input.points.length;const needed=count*BUBBLE_RECORD_FLOATS;const records=input.out&&input.out.length>=needed?input.out:new Float32Array(Math.max(needed,BUBBLE_RECORD_FLOATS));let colored=0;for(let i=0;i<count;i+=1){const p=input.points[i];const base=i*BUBBLE_RECORD_FLOATS;records[base]=p.x;records[base+1]=p.y;records[base+2]=p.z;const color=input.colorOf?input.colorOf(i):null;if(color){colored+=1;records[base+3]=1;records[base+4]=color[0];records[base+5]=color[1];records[base+6]=color[2];records[base+7]=color[3]}else{records[base+3]=0;records[base+4]=0;records[base+5]=0;records[base+6]=0;records[base+7]=0}}if(count===0)records.fill(0,0,BUBBLE_RECORD_FLOATS);return{records,count,colored}}function place(b,a,c){const dx=b.x-a.x;const dy=b.y-a.y;const d2=dx*dx+dy*dy;if(d2){let a2=a.r+c.r;a2*=a2;let b2=b.r+c.r;b2*=b2;if(a2>b2){const x=(d2+b2-a2)/(2*d2);const y=Math.sqrt(Math.max(0,b2/d2-x*x));c.x=b.x-x*dx-y*dy;c.y=b.y-x*dy+y*dx}else{const x=(d2+a2-b2)/(2*d2);const y=Math.sqrt(Math.max(0,a2/d2-x*x));c.x=a.x+x*dx-y*dy;c.y=a.y+x*dy+y*dx}}else{c.x=a.x+c.r;c.y=a.y}}function intersects(a,b){const dr=a.r+b.r-1e-6;const dx=b.x-a.x;const dy=b.y-a.y;return dr>0&&dr*dr>dx*dx+dy*dy}function score(node){const a=node.c;const b=node.next.c;const ab=a.r+b.r;const dx=(a.x*b.r+b.x*a.r)/ab;const dy=(a.y*b.r+b.y*a.r)/ab;return dx*dx+dy*dy}function enclosesNot(a,b){const dr=a.r-b.r;const dx=b.x-a.x;const dy=b.y-a.y;return dr<0||dr*dr<dx*dx+dy*dy}function enclosesWeak(a,b){const dr=a.r-b.r+Math.max(a.r,b.r,1)*1e-9;const dx=b.x-a.x;const dy=b.y-a.y;return dr>0&&dr*dr>dx*dx+dy*dy}function enclosesWeakAll(a,B){for(let i=0;i<B.length;i+=1)if(!enclosesWeak(a,B[i]))return false;return true}function encloseBasis2(a,b){const x1=a.x,y1=a.y,r1=a.r,x2=b.x,y2=b.y,r2=b.r;const x21=x2-x1,y21=y2-y1,r21=r2-r1;const l=Math.sqrt(x21*x21+y21*y21);return{x:(x1+x2+x21/l*r21)/2,y:(y1+y2+y21/l*r21)/2,r:(l+r1+r2)/2}}function encloseBasis3(a,b,c){const x1=a.x,y1=a.y,r1=a.r,x2=b.x,y2=b.y,r2=b.r,x3=c.x,y3=c.y,r3=c.r;const a2=x1-x2,a3=x1-x3,b2=y1-y2,b3=y1-y3,c2=r2-r1,c3=r3-r1;const d1=x1*x1+y1*y1-r1*r1;const d2=d1-x2*x2-y2*y2+r2*r2;const d3=d1-x3*x3-y3*y3+r3*r3;const ab=a3*b2-a2*b3;const xa=(b2*d3-b3*d2)/(ab*2)-x1;const xb=(b3*c2-b2*c3)/ab;const ya=(a3*d2-a2*d3)/(ab*2)-y1;const yb=(a2*c3-a3*c2)/ab;const A=xb*xb+yb*yb-1;const B=2*(r1+xa*xb+ya*yb);const C=xa*xa+ya*ya-r1*r1;const r=-(Math.abs(A)>1e-6?(B+Math.sqrt(B*B-4*A*C))/(2*A):C/B);return{x:x1+xa+xb*r,y:y1+ya+yb*r,r}}function encloseBasis(B){if(B.length===1)return{x:B[0].x,y:B[0].y,r:B[0].r};if(B.length===2)return encloseBasis2(B[0],B[1]);return encloseBasis3(B[0],B[1],B[2])}function extendBasis(B,p){if(enclosesWeakAll(p,B))return[p];for(let i=0;i<B.length;i+=1){if(enclosesNot(p,B[i])&&enclosesWeakAll(encloseBasis2(B[i],p),B))return[B[i],p]}for(let i=0;i<B.length-1;i+=1){for(let j=i+1;j<B.length;j+=1){if(enclosesNot(encloseBasis2(B[i],B[j]),p)&&enclosesNot(encloseBasis2(B[i],p),B[j])&&enclosesNot(encloseBasis2(B[j],p),B[i])&&enclosesWeakAll(encloseBasis3(B[i],B[j],p),B)){return[B[i],B[j],p]}}}throw new Error("[bubble-pack] the enclosing basis could not be extended")}function encloseFallback(circles){let xMin=Infinity,xMax=-Infinity,yMin=Infinity,yMax=-Infinity;for(const c of circles){xMin=Math.min(xMin,c.x-c.r);xMax=Math.max(xMax,c.x+c.r);yMin=Math.min(yMin,c.y-c.r);yMax=Math.max(yMax,c.y+c.r)}const x=(xMin+xMax)/2;const y=(yMin+yMax)/2;let r=0;for(const c of circles)r=Math.max(r,Math.hypot(c.x-x,c.y-y)+c.r);return{x,y,r}}function encloseCircles(circles){if(circles.length===0)return{x:0,y:0,r:0};try{let i=0;let B=[];let e;while(i<circles.length){const p=circles[i];if(e&&enclosesWeak(e,p))i+=1;else{B=extendBasis(B,p);e=encloseBasis(B);i=0}}return e??{x:0,y:0,r:0}}catch{return encloseFallback(circles)}}function packSiblings(circles){const n=circles.length;if(n===0)return 0;const first=circles[0];first.x=0;first.y=0;if(n===1)return first.r;const second=circles[1];first.x=-second.r;second.x=first.r;second.y=0;if(n===2)return first.r+second.r;let c=circles[2];place(second,first,c);let a={c:first};let b={c:second};let nc={c};a.next=nc.previous=b;b.next=a.previous=nc;nc.next=b.previous=a;pack:for(let i=3;i<n;i+=1){c=circles[i];place(a.c,b.c,c);const node={c};let j=b.next;let k=a.previous;let sj=b.c.r;let sk=a.c.r;do{if(sj<=sk){if(intersects(j.c,node.c)){b=j;a.next=b;b.previous=a;i-=1;continue pack}sj+=j.c.r;j=j.next}else{if(intersects(k.c,node.c)){a=k;a.next=b;b.previous=a;i-=1;continue pack}sk+=k.c.r;k=k.previous}}while(j!==k.next);node.previous=a;node.next=b;a.next=b.previous=b=node;let oa=score(a);let cursor2=node;while((cursor2=cursor2.next)!==b){const ca=score(cursor2);if(ca<oa){a=cursor2;oa=ca}}b=a.next}const chain=[b.c];let cursor=b;while((cursor=cursor.next)!==b)chain.push(cursor.c);const e=encloseCircles(chain);for(const circle of circles){circle.x-=e.x;circle.y-=e.y}return e.r}function packBubbleCircles(radii,padding=0){const half=Math.max(0,Number.isFinite(padding)?padding:0)/2;const circles=radii.map(r=>({x:0,y:0,r:(Number.isFinite(r)&&r>0?r:0)+half}));const enclosingR=packSiblings(circles);return{circles:circles.map(c=>({x:c.x,y:c.y,r:c.r-half})),enclosing:{x:0,y:0,r:Math.max(0,enclosingR-half)}}}function resolveBubblePackFit(value){return value==="fill"?"fill":"contain"}function fitBubblePack(pack,plot,options={}){const fit=resolveBubblePackFit(options.fit);const margin=Math.max(0,Number.isFinite(options.margin)?options.margin:0);const available=Math.max(1,Math.min(plot.width,plot.height)/2-margin);let scale=pack.enclosing.r>0?available/pack.enclosing.r:1;if(fit==="contain")scale=Math.min(1,scale);const cx=plot.width/2;const cy=plot.height/2;return{scale,circles:pack.circles.map(c=>({x:cx+c.x*scale,y:cy+c.y*scale,r:c.r*scale})),enclosing:{x:cx,y:cy,r:pack.enclosing.r*scale}}}function heatmapRgbaOf(css){if(typeof css!=="string")return null;const parsed=parseColor(css);if(!parsed)return null;return[parsed.r/255,parsed.g/255,parsed.b/255,parsed.a]}function heatmapVisualMapKey(snapshot){if(snapshot.type==="piecewise"){return`vm:piecewise|${snapshot.min}|${snapshot.max}|${snapshot.outOfRangeColor}|${snapshot.pieces.map(piece=>`${piece.min??""}~${piece.max??""}~${piece.value??""}~${piece.color}`).join(",")}|${snapshot.selected?snapshot.selected.map(on=>on?1:0).join(""):"all"}`}return`vm:continuous|${snapshot.min}|${snapshot.max}|${snapshot.space}|${snapshot.outOfRangeColor}|${snapshot.stops.map(stop=>`${stop.t}~${stop.color}`).join(",")}|${snapshot.range?`${snapshot.range.min}..${snapshot.range.max}`:"full"}`}function resolveBubbleShading(value){return value==="sphere"?"sphere":"flat"}function bubbleDimensionValue(point,dimension="value"){switch(dimension){case"value":case"z":return point.z;case"x":return point.x;case"y":return point.y;case"index":return point.index;default:return null}}function bubbleVisualExtent(points,dimension="value"){return visualMapExtentOf(points.map(p=>bubbleDimensionValue(p,dimension)))}function bubbleVisualMapKey(binding){return`${heatmapVisualMapKey(binding)}|${binding.dimension??"value"}`}function finite(v){return typeof v==="number"&&Number.isFinite(v)}function resolveBubbleColors(input){const alpha=Math.max(0,Math.min(1,finite(input.fillAlpha)?input.fillAlpha:1));const binding=input.visualMap??null;const colorFn=visualMapColorFn(binding);const dimension=binding?.dimension??"value";const cache=new Map;const parse=css=>{let hit=cache.get(css);if(hit===void 0){const rgba=heatmapRgbaOf(css);hit=rgba?[rgba[0],rgba[1],rgba[2],rgba[3]*alpha]:null;cache.set(css,hit)}return hit};const resolved=input.points.map(p=>{if(p.color){const own=parse(p.color);if(own)return own}if(!colorFn)return null;const value=bubbleDimensionValue(p,dimension);if(value===null)return null;return parse(colorFn(value,p.index))});let count=0;for(const c of resolved)if(c)count+=1;return{key:input.key??`${input.points.length}|${binding?bubbleVisualMapKey(binding):"none"}|${alpha}`,count,colorOf:index=>resolved[index]??null}}const BUBBLE_DEFAULT_PRO_THRESHOLD=5e4;const BUBBLE_PRO_UNAVAILABLE_REASON="Pro renderer unavailable";function resolverInput(options,entitlement){const moduleAvailable=options.moduleAvailable??true;return{requested:options.requested,engineClass:"engine-swap",entitlement,gpuAvailable:options.proAvailable===true,moduleAvailable,hasStandardRenderer:true,dataSize:Number.isFinite(options.pointCount)&&options.pointCount>=0?options.pointCount:0,proThreshold:options.proThreshold,defaultProThreshold:BUBBLE_DEFAULT_PRO_THRESHOLD,autoWantsPro:options.keepPro===true?true:void 0,onUnavailable:options.onUnavailable,moduleReason:options.proUnavailableReason||BUBBLE_PRO_UNAVAILABLE_REASON,gpuReason:options.proUnavailableReason||BUBBLE_PRO_UNAVAILABLE_REASON}}function bubbleEngineNeedsLicense(options){return chartEngineNeedsLicense(resolverInput(options,"pending"))}function pickBubbleEngine(options){const entitlement=bubbleEngineNeedsLicense(options)?options.entitlement??"pending":"pending";const resolution=resolveChartEngine(resolverInput(options,entitlement));if(resolution.effective==="pro")return{tier:"pro",code:resolution.code,licenseConsulted:resolution.licenseConsulted};if(resolution.code==="ok"||resolution.code==="auto-standard")return{tier:"standard",code:resolution.code,licenseConsulted:resolution.licenseConsulted};const reason=resolution.reason??BUBBLE_PRO_UNAVAILABLE_REASON;if(isChartLicenseEngineCode(resolution.code))return{tier:"standard",code:resolution.code,licenseReason:reason,licenseConsulted:true};if(resolution.shouldThrow)throw new Error(`[Syidax] sy-bubble-chart: Pro renderer unavailable — ${reason}`);if(resolution.requested==="pro")console.warn(`[Syidax] sy-bubble-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);else console.info(`[Syidax] sy-bubble-chart: auto mode wanted Pro but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",code:resolution.code,fallbackReason:reason,licenseConsulted:resolution.licenseConsulted}}function createBubbleStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function clamp01$1(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function interpolateBubbleDisplay(from,to,t){const tt=clamp01$1(t);const count=Math.max(from.length,to.length);const out=new Array(count);for(let i=0;i<count;i+=1){const a=from[i];const b=to[i];if(a&&b)out[i]={x:a.x+(b.x-a.x)*tt,y:a.y+(b.y-a.y)*tt,r:Math.max(0,a.r+(b.r-a.r)*tt),color:b.color};else if(b)out[i]={x:b.x,y:b.y,r:Math.max(0,b.r*tt),color:b.color};else out[i]={x:a.x,y:a.y,r:Math.max(0,a.r*(1-tt)),color:a.color}}return out}function packBubbleDisplayRecords(input){const count=input.display.length;const needed=count*BUBBLE_RECORD_FLOATS;const records=input.out&&input.out.length>=needed?input.out:new Float32Array(Math.max(needed,BUBBLE_RECORD_FLOATS));const flip=typeof input.flipHeight==="number"&&Number.isFinite(input.flipHeight);let colored=0;for(let i=0;i<count;i+=1){const d=input.display[i];const base=i*BUBBLE_RECORD_FLOATS;records[base]=d.x;records[base+1]=flip?input.flipHeight-d.y:d.y;records[base+2]=Number.isFinite(d.r)&&d.r>0?d.r:0;const color=d.color;if(color){colored+=1;records[base+3]=1;records[base+4]=color[0];records[base+5]=color[1];records[base+6]=color[2];records[base+7]=color[3]}else{records[base+3]=0;records[base+4]=0;records[base+5]=0;records[base+6]=0;records[base+7]=0}}if(count===0)records.fill(0,0,BUBBLE_RECORD_FLOATS);return{records,count,colored}}const BUBBLE_RENDER_DEFAULT_MIN_RADIUS=4;const BUBBLE_RENDER_DEFAULT_MAX_RADIUS=28;const BUBBLE_PROJECTION_MIN_SPAN=1e-9;function finitePx$1(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>=0?value:fallback}function bubbleRadiusMode(radius,lane){if(lane==="px")return 2;return radius.scale==="radius"?1:0}function bubbleRenderRadiusRange(radius){const minPx=finitePx$1(radius.minPx,BUBBLE_RENDER_DEFAULT_MIN_RADIUS);const maxPx=Math.max(minPx,finitePx$1(radius.maxPx,BUBBLE_RENDER_DEFAULT_MAX_RADIUS));return{minPx,maxPx}}function bubbleDeviceRadius(radius,scaleX){const{minPx,maxPx}=bubbleRenderRadiusRange(radius);return{zMin:radius.zMin,zMax:radius.zMax,minPx:minPx*scaleX,maxPx:maxPx*scaleX}}function bubbleRadiusDevicePx(z,radius,mode,scale){if(mode===2)return Math.max(z,0)*scale;const minR=radius.minPx;const maxR=radius.maxPx;const span=radius.zMax-radius.zMin;if(!(span>0))return(minR+maxR)*.5;const t=Math.max(0,Math.min(1,(z-radius.zMin)/span));if(mode===1)return minR+t*(maxR-minR);return Math.sqrt(minR*minR+t*(maxR*maxR-minR*minR))}function projectBubble(rec,project,plot,radius){const tx=(rec.x-project.xMin)/Math.max(project.xMax-project.xMin,BUBBLE_PROJECTION_MIN_SPAN);const ty=(rec.y-project.yMin)/Math.max(project.yMax-project.yMin,BUBBLE_PROJECTION_MIN_SPAN);return{cx:tx*plot.width*plot.scaleX,cy:(1-ty)*plot.height*plot.scaleY,r:bubbleRadiusDevicePx(rec.z,radius,radius.mode,plot.scaleX)}}function bubbleSphereLight(hl,strength){const edge=1.35;const x=Math.max(0,Math.min(1,hl/edge));const smooth=x*x*(3-2*x);return 1+strength*(.35-.9*smooth)}const BUBBLE_SPHERE_STOPS=9;const TAU=Math.PI*2;function unit(v){return Math.max(0,Math.min(1,Number.isFinite(v)?v:0))}function cssRgba(rgba,light=1){const lane=v=>Math.round(unit(unit(v)*light)*255);return`rgba(${lane(rgba[0])}, ${lane(rgba[1])}, ${lane(rgba[2])}, ${Math.round(unit(rgba[3])*1e3)/1e3})`}function finitePx(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>=0?value:fallback}class BubbleStandardRenderer{canvas;context;destroyed=false;constructor(canvas){this.canvas=canvas}async init(_isCurrent,_onRecovery){this.destroyed=false}maxPoints(){return Number.POSITIVE_INFINITY}destroy(){this.destroyed=true;const ctx=this.context;this.context=void 0;if(!ctx)return;try{ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,this.canvas.width,this.canvas.height)}catch{}}ctx(){if(this.context===void 0)this.context=this.canvas.getContext("2d")??null;return this.context}draw(input){const points=Math.max(0,Math.min(Math.floor(input.points),Math.floor(input.records.length/BUBBLE_RECORD_FLOATS)));const ctx=this.destroyed?null:this.ctx();if(!ctx)return{points,drawn:0,renderMs:0};const start=typeof performance!=="undefined"?performance.now():0;const cssWidth=Math.max(1,input.width);const cssHeight=Math.max(1,input.height);const dpr=typeof window!=="undefined"&&Number.isFinite(window.devicePixelRatio)?Math.max(1,window.devicePixelRatio):1;const observed=input.observedPixelSize;const pxWidth=observed&&observed.width>0?Math.max(1,Math.round(observed.width)):Math.max(1,Math.round(cssWidth*dpr));const pxHeight=observed&&observed.height>0?Math.max(1,Math.round(observed.height)):Math.max(1,Math.round(cssHeight*dpr));if(this.canvas.width!==pxWidth)this.canvas.width=pxWidth;if(this.canvas.height!==pxHeight)this.canvas.height=pxHeight;const scaleX=pxWidth/cssWidth;const scaleY=pxHeight/cssHeight;ctx.setTransform(1,0,0,1,0,0);ctx.globalAlpha=1;ctx.clearRect(0,0,pxWidth,pxHeight);const range=bubbleRenderRadiusRange(input.radius);const mode=bubbleRadiusMode(input.radius,input.radiusLane);const radius={...bubbleDeviceRadius(input.radius,scaleX),mode};const plot={width:cssWidth,height:cssHeight,scaleX,scaleY};const borderPx=finitePx(input.borderPx,1)*scaleX;const reveal=unit(Number.isFinite(input.reveal)?input.reveal:1);const activeIndex=Number.isInteger(input.activeIndex)&&input.activeIndex>=0?input.activeIndex:-1;const shading=input.shading==="sphere"?"sphere":"flat";const shadeStrength=unit(Number.isFinite(input.shadeStrength)?input.shadeStrength:1);const borderAuto=input.borderAuto===true;const records=input.records;const fillCss=cssRgba(input.fillColor);const accentCss=cssRgba(input.activeColor);const borderCss=cssRgba(input.borderColor);ctx.globalAlpha=reveal;const drawOne=index=>{const base=index*BUBBLE_RECORD_FLOATS;const disc=projectBubble({x:records[base],y:records[base+1],z:records[base+2]},input.project,plot,radius);if(!(disc.r>0)||!Number.isFinite(disc.cx)||!Number.isFinite(disc.cy))return;const owned=records[base+3]>.5;const own=[records[base+4],records[base+5],records[base+6],records[base+7]];const active=index===activeIndex;const fillRgba=active?input.activeColor:owned?own:input.fillColor;const inner=borderPx>0?Math.max(0,disc.r-borderPx):disc.r;if(inner>0){if(shading==="sphere"){const r=Math.max(disc.r,1);const gradient=ctx.createRadialGradient(disc.cx-.35*r,disc.cy-.35*r,0,disc.cx-.35*r,disc.cy-.35*r,1.35*r);for(let s=0;s<BUBBLE_SPHERE_STOPS;s+=1){const offset=s/(BUBBLE_SPHERE_STOPS-1);gradient.addColorStop(offset,cssRgba(fillRgba,bubbleSphereLight(offset*1.35,shadeStrength)))}ctx.fillStyle=gradient}else{ctx.fillStyle=active?accentCss:owned?cssRgba(own):fillCss}ctx.beginPath();ctx.arc(disc.cx,disc.cy,inner,0,TAU);ctx.fill()}const ring=disc.r-inner;if(ring>0){ctx.strokeStyle=owned&&borderAuto?cssRgba([own[0],own[1],own[2],1]):borderCss;ctx.lineWidth=ring;ctx.beginPath();ctx.arc(disc.cx,disc.cy,inner+ring/2,0,TAU);ctx.stroke()}};for(let i=0;i<points;i+=1)if(i!==activeIndex)drawOne(i);if(activeIndex>=0&&activeIndex<points)drawOne(activeIndex);ctx.globalAlpha=1;return{points,drawn:points,renderMs:(typeof performance!=="undefined"?performance.now():0)-start,bubble:{points,drawn:points,bytes:0,uploaded:0,full:true,version:input.version,minRadiusPx:range.minPx,maxRadiusPx:range.maxPx,activeIndex,shading}}}}const hasBubbleProRenderer=false;function applyHeatmapEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createHeatmapAnimator(){const entries=new Map;function elapsed(entry,now){if(entry.startedAt<0)return entry.pausedElapsed;if(entry.paused)return entry.pausedElapsed;return Math.max(0,now-entry.startedAt+entry.pausedElapsed)}function rawProgress(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;return applyHeatmapEasing(rawProgress(entry,now),entry.easing)},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},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}},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}}}function cloneContext(context){return{...context,...context.geoMap?{geoMap:structuredClone(context.geoMap)}:{},...context.gantt?{gantt:structuredClone(context.gantt)}:{},...context.parallelCoordinates?{parallelCoordinates:structuredClone(context.parallelCoordinates)}:{},...context.surface3d?{surface3d:structuredClone(context.surface3d)}:{},...context.scatter3d?{scatter3d:structuredClone(context.scatter3d)}:{},...context.bar3d?{bar3d:structuredClone(context.bar3d)}:{},...context.themeRiver?{themeRiver:structuredClone(context.themeRiver)}:{}}}function round2(v){return Math.round(v*100)/100}function cssValue(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`}class CellTooltipController{host;className;current=null;pinned=[];drag;nextId=1;memory=new Map;constructor(host,className="sy-cell__tooltip"){this.host=host;this.className=className}resolveSpec(input,enabled){const spec=resolveCartesianTooltipSpec(input);if(input===void 0&&!enabled)return{...spec,show:false};return spec}get visible(){return this.current!==null||this.pinned.length>0}get single(){return this.current}shouldShowOnHover(spec){return spec.trigger!=="click"}shouldShowOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}clear(){if(!this.visible)return;this.drag=void 0;this.current=null;this.pinned=[];this.host.emitHide();this.host.requestRender()}show(plot,cell,spec,allowMultiple=false,retained){const multiple=allowMultiple&&spec.openMode==="multiple";const key=cell.key??cell.index;const existing=multiple?this.pinned.find(item=>item.key===key):this.current?.key===key?this.current:void 0;const previous=existing??(retained?.key===key?retained:void 0);const rendered=this.renderedFor(plot,cell,spec,previous);this.drag=void 0;if(multiple){this.current=rendered;this.pinned=existing?this.pinned.map(item=>item.id===existing.id?rendered:item):[...this.pinned,rendered]}else{this.pinned=[];this.current=rendered}const detail={cssX:rendered.cssX,cssY:rendered.cssY,anchor:rendered.side,text:rendered.text,html:rendered.html,context:cloneContext(rendered.context)};this.host.emitShow(detail);this.host.requestRender();return detail}capture(key){const item=this.pinned.find(card=>card.key===key)??(this.current?.key===key?this.current:void 0);return item?{...item,bounds:item.bounds?{...item.bounds}:void 0,context:cloneContext(item.context),box:item.box?{...item.box}:void 0,positionLock:item.positionLock?{...item.positionLock}:void 0,style:item.style?{...item.style}:void 0,connector:item.connector?{...item.connector}:void 0}:void 0}reconcile(plot,resolve){const resolved=new Map;const find=key=>{if(!resolved.has(key))resolved.set(key,resolve(key));return resolved.get(key)};for(const key of this.memory.keys())if(!find(key))this.memory.delete(key);if(!this.visible)return;const active=this.pinned.length?this.pinned:this.current?[this.current]:[];const next=active.flatMap(previous=>{const item=find(previous.key??previous.context.pointIndex??previous.context.index??0);return item?.spec.show?[this.renderedFor(plot,item.cell,item.spec,previous)]:[]});if(!next.length){this.clear();return}if(JSON.stringify(active)===JSON.stringify(next))return;const current=next.find(item=>item.id===this.current?.id);if(!current)this.drag=void 0;this.current=current??next[next.length-1];this.pinned=this.pinned.length?next:[];this.host.requestRender()}renderedFor(plot,cell,spec,previous){const context={seriesIndex:0,pointIndex:cell.index,index:cell.index,value:cell.value,cssX:cell.cssX,cssY:cell.cssY,dataX:cell.dataX,dataY:cell.dataY,mode:spec.mode,...cell.geoMap?{geoMap:structuredClone(cell.geoMap)}:{},...cell.gantt?{gantt:structuredClone(cell.gantt)}:{},...cell.parallelCoordinates?{parallelCoordinates:structuredClone(cell.parallelCoordinates)}:{},...cell.surface3d?{surface3d:structuredClone(cell.surface3d)}:{},...cell.scatter3d?{scatter3d:structuredClone(cell.scatter3d)}:{},...cell.bar3d?{bar3d:structuredClone(cell.bar3d)}:{},...cell.themeRiver?{themeRiver:structuredClone(cell.themeRiver)}:{}};const anchor=cartesianTooltipAnchor({frame:{plot},hit:{cssX:cell.cssX,cssY:cell.cssY},spec});const key=cell.key??cell.index;const locked=previous?.positionLock?{lock:previous.positionLock,side:previous.side,box:previous.box}:previous&&spec.draggable?void 0:this.lockedPositionFor(key,spec);const side=locked?.side??anchor.side;const bounds=cell.bounds?{...cell.bounds}:void 0;const rectAnchor=bounds?{cssX:side==="left"?bounds.x:side==="right"?bounds.x+bounds.width:bounds.x+bounds.width/2,cssY:side==="top"?bounds.y:side==="bottom"?bounds.y+bounds.height:bounds.y+bounds.height/2}:void 0;const renderedAnchor=locked?this.anchorFromLock(locked.lock,side,locked.box,spec.offset??10):rectAnchor??{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(spec.format,[context.value,cloneContext(context)],()=>cell.text,"tooltip.format",spec);const html=safeChartFormatter(spec.html,[context.value,cloneContext(context)],()=>void 0,"tooltip.html",spec);const rendered={id:previous?.id??this.nextId++,bounds,key,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:cell.cssX,pointCssY:cell.cssY,box:locked?.box??previous?.box,side,text,html,className:spec.className,style:this.styleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};return rendered}measure(element){if(!this.current||!element)return;const multiple=this.pinned.length>0;const elements=multiple?Array.from(element.parentElement?.children??[element]):[element];const active=new Map((multiple?this.pinned:[this.current]).map(tooltip=>[tooltip.id,tooltip]));const updates=new Map;for(const candidate of elements){const rawId=candidate.getAttribute?.("data-tooltip-id");const id=!multiple&&rawId==null?this.current.id:Number(rawId);const tooltip=active.get(id);if(!tooltip)continue;const rect=candidate.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))continue;const width=round2(rect.width),height=round2(rect.height);if(tooltip.box?.width===width&&tooltip.box?.height===height)continue;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock)Object.assign(next,this.anchorFromLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10));this.remember(next);updates.set(id,next)}if(updates.size===0)return;this.current=updates.get(this.current.id)??this.current;if(multiple)this.pinned=this.pinned.map(tooltip=>updates.get(tooltip.id)??tooltip);this.host.requestRender()}renderModel(){const tooltips=(this.pinned.length>0?this.pinned:[this.current]).map(tooltip=>this.positioned(tooltip)).filter(t=>Boolean(t));const measured=tooltips.flatMap((tooltip,index)=>{const rect=this.topLeftFromAnchor(tooltip);return rect&&tooltip.box?[{...rect,...tooltip.box,index,locked:Boolean(tooltip.positionLock)}]:[]});for(const rect of avoidTooltipCardOverlap(measured,this.host.size())){const tooltip=tooltips[rect.index];if(!tooltip.positionLock)tooltips[rect.index]={...tooltip,...this.anchorFromTopLeft(rect.x,rect.y,tooltip.box,tooltip.side,tooltip.offset??10)}}const items=tooltips.map(tooltip=>this.renderItem(tooltip,true));const connectors=tooltips.filter(t=>t.connector?.show).map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return{x1:round2(tooltip.pointCssX),y1:round2(tooltip.pointCssY),x2:round2(end.x),y2:round2(end.y),stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))",width:connector.width??1,dash:connector.dash?.join(" ")}});return{items,connectors}}handleActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const container=event.currentTarget??actionTarget?.closest?.("[data-tooltip-id]");const tooltipId=Number(container?.getAttribute("data-tooltip-id"));const tooltip=this.pinned.find(entry=>entry.id===tooltipId)??(this.current?.id===tooltipId?this.current:void 0);if(!action||!tooltip)return;event.stopPropagation();this.host.emitAction({...cloneContext(tooltip.context),action,text:tooltip.text,html:tooltip.html})};handlePointerDown=event=>{const element=event.currentTarget;const id=Number(element?.getAttribute?.("data-tooltip-id"));const selected=this.pinned.find(item=>item.id===id);if(selected)this.current=selected;if(!this.current?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const rendered=this.positioned(this.current)??this.current;const lock=this.topLeftFromElement(element)??this.topLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=this.current.box??rendered.box;const next={...this.current,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.anchorFromLock(lock,next.side,box,next.offset??10));this.current=next;this.pinned=this.pinned.map(item=>item.id===next.id?next:item);this.remember(next);element.setPointerCapture?.(event.pointerId);this.drag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originLockX:lock.x,originLockY:lock.y};this.host.requestRender()};handlePointerMove=event=>{const drag=this.drag;if(!drag||drag.pointerId!==event.pointerId||!this.current)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.current,positionLock:lock};Object.assign(next,this.anchorFromLock(lock,next.side,next.box,next.offset??10));this.current=next;this.pinned=this.pinned.map(item=>item.id===next.id?next:item);this.remember(next);this.host.requestRender()};handlePointerUp=event=>{const drag=this.drag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.current)this.remember(this.current);event.currentTarget.releasePointerCapture?.(event.pointerId);this.drag=void 0;this.host.requestRender()};renderItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",...interactive||draggable?{maxHeight:`${Math.max(0,(this.host.viewport?.().height??this.host.size().height)-12)}px`,overflowY:"auto",overscrollBehavior:"contain"}:{},padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.drag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`}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]=cssValue(key,value);return{id:tooltip.id,style,className:className?`${this.className} ${className}`:this.className,text,html,trackMeasure}}positioned(tooltip=this.current){if(!tooltip)return null;if(!tooltip.box||this.drag&&tooltip.id===this.current?.id)return tooltip;if(tooltip.positionLock){if(tooltip.draggable)return tooltip;const viewport=this.host.viewport?.()??{x:0,y:0,...this.host.size()};const lock={x:Math.max(viewport.x+6,Math.min(tooltip.positionLock.x,viewport.x+viewport.width-tooltip.box.width-6)),y:Math.max(viewport.y+6,Math.min(tooltip.positionLock.y,viewport.y+viewport.height-tooltip.box.height-6))};return{...tooltip,positionLock:lock,...this.anchorFromLock(lock,tooltip.side,tooltip.box,tooltip.offset??10)}}const offset=tooltip.offset??10;const{width,height}=this.host.size();const placement=computeTooltipPlacement({anchor:tooltip.bounds?{kind:"rect",...tooltip.bounds}:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:this.host.viewport?.()??{x:0,y:0,width,height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.anchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}styleFromSpec(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}topLeftFromAnchor(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}}topLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.hostRect();if(!hostRect||!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}anchorFromLock(lock,side,box,offset){return box?this.anchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}anchorFromTopLeft(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}}remember(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.memory.set(tooltip.key??tooltip.context.pointIndex??tooltip.context.index??0,{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedPositionFor(index,spec){if(spec.draggable){const memory=this.memory.get(index);return memory?{lock:{...memory.lock},side:memory.side,box:memory.box}:void 0}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positioned();if(!tooltip?.box||(tooltip.key??tooltip.context.pointIndex)!==index)return void 0;const lock=this.topLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}}const syBubbleChartCss=()=>`.sc-sy-bubble-chart-h{display:inline-block;position:relative}.sc-sy-bubble-chart-h:focus-visible{outline:2px solid var(--sy-bubble-focus-color, #2563eb);outline-offset:2px}.sc-sy-bubble-chart-h:focus:not(:focus-visible){outline:none}.sy-bubble-chart__canvas.sc-sy-bubble-chart{display:block}.sy-bubble-chart__sr-only.sc-sy-bubble-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-bubble-chart__watermark.sc-sy-bubble-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}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_SAME_FRAME_MS=16;const KEYBOARD_JUMP=5;const FALLBACK_NOTICE_TEXT="Syidax - fell back to standard renderer";const DEFAULT_COLOR="#3b82f6";const DEFAULT_ACTIVE_COLOR="#1d4ed8";const DEFAULT_FILL_ALPHA=.55;const PACK_UNIT_EXTENT={min:0,max:1};function bubbleAxisInput(input,position){const base={kind:"linear",position,tickCount:5,show:true};if(input===void 0||input===null||input==="auto"||input===true)return base;if(input===false||input==="off")return{...base,show:false};if(typeof input!=="object")return base;const overrides=input;return{...base,...overrides,kind:overrides.kind??"linear",position:overrides.position??position}}function axisObject(input){return input&&typeof input==="object"?input:void 0}function finiteNumber(v){return typeof v==="number"&&Number.isFinite(v)}function plainBubbleDatum(input){return bubbleDatumOf(input)===null?void 0:input}function formatNumber(v){if(!Number.isFinite(v))return"—";if(Number.isInteger(v))return String(v);const abs=Math.abs(v);if(abs>=100)return String(Math.round(v*10)/10);if(abs>=1)return String(Math.round(v*100)/100);return v.toPrecision(3)}const SyBubbleChart=class{constructor(hostRef){registerInstance(this,hostRef);this.rendered=createEvent(this,"rendered",7);this.pointClick=createEvent(this,"pointClick",7);this.pointHover=createEvent(this,"pointHover",7);this.crosshairMove=createEvent(this,"crosshairMove",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.appended=createEvent(this,"appended",7);this.windowSlid=createEvent(this,"windowSlid",7);this.tooltipShow=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.chartAnimationStart=createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=createEvent(this,"chartAnimationInterrupted",7);this.zoomChange=createEvent(this,"zoomChange",7)}get host(){return getElement(this)}data;width=900;height=360;brandLogo;brandPosition="bottom-right";xAxis;yAxis;gridLines;crosshair;zoom;padding=BUBBLE_DEFAULT_PADDING;color=DEFAULT_COLOR;fillAlpha=DEFAULT_FILL_ALPHA;borderColor="auto";borderWidth=1;activeColor=DEFAULT_ACTIVE_COLOR;minRadius=BUBBLE_DEFAULT_MIN_RADIUS;maxRadius=BUBBLE_DEFAULT_MAX_RADIUS;sizeScale="area";zMin;zMax;layout="xy";packPadding=2;packFit="contain";visualMap;shading="flat";shadeStrength=1;chartTitle;chartSubtitle;enableMouseTracking=true;tooltip;tooltipEnabled=true;tooltipFormat;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamMax;streamWindow;engine="auto";proThreshold=BUBBLE_DEFAULT_PRO_THRESHOLD;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;appended;windowSlid;tooltipShow;tooltipHide;tooltipAction;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;zoomChange;activeTier="standard";fallbackReason;hoverIndex=-1;focusIndex=-1;cursor=null;tooltipTick=0;visualMapState=null;zoomState=null;zoomSelection=null;zoomInteraction=new ZoomInteraction(this.zoomInteractionHost());visualMapBound=false;colorResolver;tooltipElement;tooltips=new CellTooltipController({size:()=>({width:this.width,height:this.height}),hostRect:()=>this.host?.getBoundingClientRect(),emitShow:detail=>this.tooltipShow.emit(detail),emitHide:()=>this.tooltipHide.emit(),emitAction:detail=>this.tooltipAction.emit(detail),requestRender:()=>{this.tooltipTick++}},"sy-bubble-chart__tooltip");observedCanvasPixelSize;animationTick=0;streamTick=0;srAnnouncement="";canvas;canvasTier;renderer;rendererTier;rendererCanvas;rendererInit;rendererToken=0;decisionKey="";decision={tier:"standard",code:"auto-standard",licenseConsulted:false};proInitFailedReason;license=new EngineSwapLicense(()=>this.host,change=>this.handleLicenseChange(change));engineOutcome={code:"auto-standard",reason:null};engineLicenseState=null;drawHandle=null;drawing=false;drawAgain=false;resizeObserver;pointsCache;pointsVersion=0;packed;recordsVersion=0;packCache;streamEntries=[];streamVersion=0;plainStreamEntries;internalStreamSource;boundStreamSource;streamUnsubscribe;animator=createHeatmapAnimator();animationFrameHandle=null;displayed;morph;morphVersion=0;targetDisplayCache;morphDisplayCache;lastStreamTime;lastResult={points:0,drawn:0,renderMs:0};hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.license.connect();if(!this.hasLoaded)return;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource();this.observeCanvasPixels();void this.scheduleDraw()}componentDidLoad(){this.hasLoaded=true;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource();this.observeCanvasPixels();if(this.shouldInitialAnimation())this.startReveal();this.scheduleDraw()}componentDidRender(){if(this.detached)return;this.tooltips.measure(this.tooltipElement);this.scheduleDraw()}observeCanvasPixels(){if(this.detached)return;if(typeof ResizeObserver==="undefined"||this.resizeObserver)return;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){if(this.observedCanvasPixelSize?.width!==dpcb.inlineSize||this.observedCanvasPixelSize?.height!==dpcb.blockSize){this.observedCanvasPixelSize={width:dpcb.inlineSize,height:dpcb.blockSize}}}else if(this.observedCanvasPixelSize!==void 0){this.observedCanvasPixelSize=void 0}this.scheduleDraw()});if(this.canvas)this.observeCanvas(this.canvas)}observeCanvas(canvas){const observer=this.resizeObserver;if(!observer)return;try{observer.observe(canvas,{box:"device-pixel-content-box"})}catch{observer.observe(canvas)}}handleCanvasRef=el=>{const previous=this.canvas;if(previous&&previous!==el)this.resizeObserver?.unobserve(previous);this.canvas=el??void 0;if(!el)return;this.canvasTier=this.activeTier;if(el===previous)return;this.observeCanvas(el);this.scheduleDraw()};disconnectedCallback(){this.detached=true;this.license.disconnect();this.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear();this.morph=void 0;this.displayed=void 0;if(this.drawHandle!==null){cancelAnimationFrame(this.drawHandle);this.drawHandle=null}this.resizeObserver?.disconnect();this.resizeObserver=void 0;this.rendererToken+=1;this.rendererInit=void 0;this.renderer?.destroy();this.renderer=void 0;this.rendererTier=void 0;this.rendererCanvas=void 0}handleDataChange(){this.afterPointsChange((this.pointsCache?.points.length??0)>0)}afterPointsChange(hadPoints,stream=false){this.currentPoints();const from=this.displayed;if(hadPoints&&from&&from.mode===this.layoutMode()&&this.shouldUpdateAnimation()){let duration=this.animationDuration;if(stream){const now=this.now();duration=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;if(duration<STREAM_SAME_FRAME_MS&&this.morph&&this.animator.has(MORPH_KEY))duration=0}if(duration>0)this.startMorph(from.points,from.mode,duration)}else{if(stream)this.lastStreamTime=this.now();if(!hadPoints&&this.shouldInitialAnimation())this.startReveal()}this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleStreamWindowChange(){this.bindStreamSource();const source=this.boundStreamSource;if(!source)return;const hadPoints=(this.pointsCache?.points.length??0)>0;this.streamEntries=this.windowedSnapshot(source);this.streamVersion+=1;this.streamTick++;this.afterPointsChange(hadPoints);this.scheduleDraw()}handleAnimationChange(){if(!this.shouldAnimate()){if(this.animationInFlight())this.chartAnimationInterrupted.emit();this.animator.clear();this.morph=void 0;this.stopAnimationLoop()}this.animationTick++}resetProInitLatch(){this.proInitFailedReason=void 0;this.decisionKey="";this.decideEngine();this.scheduleDraw()}handlePackChange(){if(this.morph&&this.morph.mode!==this.layoutMode()){this.morph=void 0;this.animator.cancel(MORPH_KEY)}this.animationTick++;this.scheduleDraw()}handleVisualMapProp(){this.visualMapBound=false;this.visualMapState=this.visualMap??null;this.scheduleDraw()}handleStyleChange(){this.animationTick++;this.scheduleDraw()}async getDataTable(){return{columns:["Name","X","Y","Z"],rows:this.currentPoints().points.map(point=>[point.name,point.x,point.y,point.z])}}async redraw(){return this.draw()}async getActiveTier(){return this.activeTier}async getUnavailableReason(){return this.fallbackReason}async setData(data){this.data=data}async appendPoint(datum){await this.license.run(STREAMING_LICENSE_FEATURE,true,()=>{const target=this.streamWriteTarget("appendPoint",true);if(target)target.push(datum);else if(target===void 0)this.applyPlainStream({type:"push",datum})})}async appendBatch(data){await this.license.run(STREAMING_LICENSE_FEATURE,true,()=>{const target=this.streamWriteTarget("appendBatch",true);if(target)target.pushBatch(data);else if(target===void 0)this.applyPlainStream({type:"pushBatch",data})})}async shift(count){await this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked()||this.plainStreamEntries!==void 0,()=>{const target=this.streamWriteTarget("shift",false);if(target)target.shift(count);else if(target===void 0)this.applyPlainStream({type:"shift",count})})}async replace(data){await this.license.run(STREAMING_LICENSE_FEATURE,true,()=>{const target=this.streamWriteTarget("replace",true);if(target)target.replace(data);else if(target===void 0)this.applyPlainStream({type:"replace",data})})}async getStreamSource(){return this.license.run(STREAMING_LICENSE_FEATURE,this.streamSessionAsked(),()=>this.activeStreamSource())}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeLayout();const index=this.bubbleAtPoint(layout,cssX,cssY);return index<0?null:this.detailForBubble(layout,index,cssX,cssY)}async getPoint(index){const p=this.currentPoints().points[index];return p?{...p}:null}async getPointCount(){return this.currentPoints().points.length}async getPoints(){return this.currentPoints().points.map(p=>({...p}))}async getExtent(){return{...this.currentPoints().extent}}async getDomain(){return{...this.computeLayout().domain}}async getRadiusScale(){return{...this.computeLayout().radius}}async getPackLayout(){const layout=this.computeLayout();if(!layout.pack)return null;return{scale:layout.pack.scale,enclosing:{...layout.pack.enclosing},circles:layout.pack.circles.map((c,index)=>({index,x:c.x,y:c.y,r:c.r}))}}effectiveVisualMap(){return this.visualMapBound?this.visualMapState:this.visualMap??null}async setVisualMap(binding){this.visualMapBound=true;this.visualMapState=binding??null;this.scheduleDraw();return this.visualMapState}async getVisualMap(){return this.effectiveVisualMap()}async getVisualExtent(request){return bubbleVisualExtent(this.currentPoints().points,request?.dimension??"value")}currentColors(points){const binding=this.effectiveVisualMap();const alpha=finiteNumber(this.fillAlpha)?this.fillAlpha:DEFAULT_FILL_ALPHA;const key=`${this.pointsVersion}|${binding?bubbleVisualMapKey(binding):"none"}|${alpha}`;if(this.colorResolver&&this.colorResolver.key===key)return this.colorResolver;this.colorResolver=resolveBubbleColors({points,visualMap:binding,fillAlpha:alpha,key});return this.colorResolver}async showTooltipAtIndex(index){const spec=this.tooltips.resolveSpec(this.tooltip,this.tooltipEnabled);if(!spec.show)return null;const layout=this.computeLayout();const i=Math.floor(index);if(!Number.isInteger(i)||i<0||i>=layout.points.length)return null;return this.showTooltipForBubble(layout,i,spec,true)}async hideTooltip(){this.tooltips.clear()}async focusPointAt(index){const layout=this.computeLayout();const i=Math.floor(index);if(!Number.isInteger(i)||i<0||i>=layout.points.length)return null;this.focusIndex=i;const detail=this.detailForBubble(layout,i,...this.centreOf(layout,i));this.pointHover.emit(detail);return detail}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)}zoomHostFrame(){const layout=this.computeLayout();return{plot:layout.plot,xAxes:layout.frame.xAxes,yAxes:layout.frame.yAxes}}zoomInteractionHost(){return{frame:()=>this.zoomHostFrame(),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next;if(this.tooltips.visible)this.tooltips.clear();this.scheduleDraw()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){if(this.hoverIndex!==-1){this.hoverIndex=-1;this.pointHover.emit(null);this.scheduleDraw()}this.tooltips.clear();if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}}hostCoords(e){const rect=this.host.getBoundingClientRect();return{x:e.clientX-rect.left,y:e.clientY-rect.top}}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()};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}plotClip(layout,box){if(this.zoomState===null)return void 0;const{plot}=layout;const top=Math.max(0,plot.y-box.top);const left=Math.max(0,plot.x-box.left);const right=Math.max(0,box.left+box.width-(plot.x+plot.width));const bottom=Math.max(0,box.top+box.height-(plot.y+plot.height));if(top===0&&left===0&&right===0&&bottom===0)return void 0;return`inset(${top}px ${right}px ${bottom}px ${left}px)`}renderZoomOverlay(layout){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const{plot}=layout;return h("div",{class:"sy-bubble-chart__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"5"}},selection&&h("div",{class:"sy-bubble-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-bubble-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"))}coerceStreamCapacity(){const raw=this.streamMax;const n=typeof raw==="string"?Number(raw):raw;return finiteNumber(n)&&n>0?Math.floor(n):void 0}currentPoints(){if(this.pointsCache&&this.pointsCache.data===this.data&&this.pointsCache.streamVersion===this.streamVersion)return this.pointsCache;const points=resolveBubblePoints(this.data,this.streamEntries);const extent=bubbleExtent(points);this.pointsCache={data:this.data,streamVersion:this.streamVersion,points,extent};this.pointsVersion+=1;return this.pointsCache}yAxisInputs(){const raw=this.yAxis;if(Array.isArray(raw))return raw;return[raw]}layoutMode(){return this.layout==="pack"?"pack":"xy"}xAxisInputs(){const raw=this.xAxis;if(Array.isArray(raw))return raw;return[raw]}computeLayout(){const{points,extent}=this.currentPoints();const mode=this.layoutMode();const xInputs=this.xAxisInputs();const yInputs=this.yAxisInputs();const xObject=axisObject(xInputs[0]);const yObject=axisObject(yInputs[0]);const domain=resolveBubbleDomain({extent,xMin:xObject?.min,xMax:xObject?.max,yMin:yObject?.min,yMax:yObject?.max,padding:this.padding});const radius=resolveBubbleRadiusScale({extent,zMin:this.zMin,zMax:this.zMax,minPx:this.minRadius,maxPx:this.maxRadius,scale:this.sizeScale});const outer={x:0,y:0,width:this.width,height:this.height};const axes=mode==="pack"?resolveCartesianAxesSpec(bubbleAxisInput(false,"bottom"),bubbleAxisInput(false,"left")):resolveCartesianAxesSpec(xInputs.length>1?xInputs.map(entry=>bubbleAxisInput(entry)):bubbleAxisInput(xInputs[0],"bottom"),yInputs.length>1?yInputs.map(entry=>bubbleAxisInput(entry)):bubbleAxisInput(yInputs[0],"left"));const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(mode==="pack"?{x:false,y:false}:this.gridLines??{x:true,y:true}),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:mode==="pack"?PACK_UNIT_EXTENT:{min:domain.xMin,max:domain.xMax},yExtent:mode==="pack"?PACK_UNIT_EXTENT:{min:domain.yMin,max:domain.yMax},zoom:this.zoomState??void 0});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const pack=mode==="pack"?this.currentPack(points,radius,plot):void 0;const geometry={mode,pack,points,extent,domain,radius,outer,plot,frame};return{...geometry,...this.currentDisplay(geometry)}}targetDisplay(layout){const{points,radius}=layout;const colors=this.currentColors(points);const key=`${this.pointsVersion}|${colors.key}|${layout.pack?`pack|${this.packCache?.key??""}`:`xy|${radius.zMin}|${radius.zMax}|${radius.minPx}|${radius.maxPx}|${radius.scale}`}`;if(this.targetDisplayCache&&this.targetDisplayCache.key===key)return this.targetDisplayCache;const display=layout.pack?layout.pack.circles.map((c,i)=>({x:c.x,y:c.y,r:c.r,color:colors.colorOf(i)})):points.map((p,i)=>({x:p.x,y:p.y,r:bubbleRadiusPx(p.z,radius),color:colors.colorOf(i)}));this.targetDisplayCache={key,points:display};return this.targetDisplayCache}currentDisplay(layout){const target=this.targetDisplay(layout);const morph=this.morph;if(!morph)return{display:target.points,displayKey:target.key,morphing:false};if(morph.mode!==layout.mode||!this.animator.has(MORPH_KEY)){this.morph=void 0;return{display:target.points,displayKey:target.key,morphing:false}}const progress=this.animator.progressAt(MORPH_KEY,this.now())??1;if(progress>=1)return{display:target.points,displayKey:target.key,morphing:false};const key=`morph|${morph.version}|${progress}|${target.key}`;if(!this.morphDisplayCache||this.morphDisplayCache.key!==key)this.morphDisplayCache={key,points:interpolateBubbleDisplay(morph.from,target.points,progress)};return{display:this.morphDisplayCache.points,displayKey:key,morphing:true}}currentPack(points,radius,plot){const padding=finiteNumber(this.packPadding)&&this.packPadding>=0?this.packPadding:2;const fit=resolveBubblePackFit(this.packFit);const key=`${this.pointsVersion}|${radius.zMin}|${radius.zMax}|${radius.minPx}|${radius.maxPx}|${radius.scale}|${padding}|${fit}|${plot.width}x${plot.height}`;if(this.packCache&&this.packCache.key===key)return this.packCache.pack;const radii=points.map(p=>bubbleRadiusPx(p.z,radius));const packed=packBubbleCircles(radii,padding);const pack=fitBubblePack(packed,{width:plot.width,height:plot.height},{fit:resolveBubblePackFit(this.packFit),margin:2});this.packCache={key,pack};return pack}centreOf(layout,index){const d=layout.display[index];if(layout.pack){const[u,v]=this.packUnit(layout,d);return[layout.outer.x+layout.frame.xScale(u),layout.outer.y+layout.frame.yScale(v)]}return[layout.outer.x+layout.frame.xScale(d.x),layout.outer.y+layout.frame.yScale(d.y)]}packUnit(layout,c){const{plot}=layout;return[plot.width>0?c.x/plot.width:0,plot.height>0?1-c.y/plot.height:0]}radiusOf(layout,index){return layout.display[index].r}currentRecords(layout){const{points}=layout;const colors=this.currentColors(points);if(layout.morphing){const morphKey=`${layout.displayKey}|${layout.pack?`pack|${layout.plot.height}`:"xy"}`;if(this.packed&&this.packed.key===morphKey)return this.packed;const packed2=packBubbleDisplayRecords({display:layout.display,out:this.packed?.records,flipHeight:layout.pack?layout.plot.height:void 0});this.recordsVersion+=1;this.packed={key:morphKey,records:packed2.records,count:packed2.count,colored:packed2.colored,version:this.recordsVersion};return this.packed}const key=`${this.pointsVersion}|${colors.key}|${layout.pack?`pack|${this.packCache?.key??""}`:"xy"}`;if(this.packed&&this.packed.key===key)return this.packed;const source=layout.pack?layout.pack.circles.map((c,i)=>({...points[i],x:c.x,y:layout.plot.height-c.y})):points;const packed=packBubbleRecords({points:source,out:this.packed?.records,colorOf:colors.count>0?colors.colorOf:void 0});this.recordsVersion+=1;this.packed={key,records:packed.records,count:packed.count,colored:packed.colored,version:this.recordsVersion};return this.packed}projectionOf(layout){const[xMin,xMax]=layout.frame.xScale.domain();const[yMin,yMax]=layout.frame.yScale.domain();if(layout.pack)return{xMin:xMin*layout.plot.width,xMax:xMax*layout.plot.width,yMin:yMin*layout.plot.height,yMax:yMax*layout.plot.height};return{xMin,xMax,yMin,yMax}}rgba(css,fallback){return heatmapRgbaOf(css)??heatmapRgbaOf(fallback)??[0,0,0,1]}withAlpha(rgba,alpha){return[rgba[0],rgba[1],rgba[2],Math.max(0,Math.min(1,finiteNumber(alpha)?alpha:1))]}decideEngine(){const availability=gpuTierAvailability({proModulePresent:hasBubbleProRenderer});const count=this.currentPoints().points.length;const base={requested:this.engine,pointCount:count,proThreshold:this.proThreshold,onUnavailable:this.unavailable,proAvailable:availability.available,moduleAvailable:hasBubbleProRenderer,proUnavailableReason:availability.reason};const wantsGpu=bubbleEngineNeedsLicense(base);const latched=wantsGpu?this.proInitFailedReason:void 0;const licenseState=wantsGpu&&latched===void 0?this.license.state(ENGINE_LICENSE_FEATURE):null;const threshold=typeof this.proThreshold==="number"&&Number.isFinite(this.proThreshold)&&this.proThreshold>0?this.proThreshold:BUBBLE_DEFAULT_PRO_THRESHOLD;const key=`${String(this.engine)}|${String(this.unavailable)}|${count>=threshold}|${availability.available}|${availability.reason??""}|${wantsGpu}|${licenseState??""}|${latched??""}`;if(key===this.decisionKey)return this.decision;this.decisionKey=key;if(latched!==void 0){this.decision={tier:"standard",code:"gpu-unavailable",fallbackReason:latched,licenseConsulted:false};this.engineOutcome=engineFailureOutcome(latched);this.engineLicenseState=null}else{this.decision=pickBubbleEngine({...base,entitlement:licenseState??void 0});this.engineOutcome={code:this.decision.code,reason:this.decision.fallbackReason??this.decision.licenseReason??null};this.engineLicenseState=this.decision.licenseConsulted?licenseState:null;if(this.decision.licenseReason&&licenseState)this.license.refuse(ENGINE_LICENSE_FEATURE,licenseState,"engine")}if(this.decision.tier!==this.activeTier)this.activeTier=this.decision.tier;if(this.decision.fallbackReason!==this.fallbackReason)this.fallbackReason=this.decision.fallbackReason;return this.decision}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+=1;this.rendererInit=void 0}this.decisionKey="";this.decideEngine();this.scheduleDraw();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();this.scheduleDraw()}fallbackToStandard(reason,what){this.proInitFailedReason=reason;this.decisionKey="";this.activeTier="standard";this.fallbackReason=reason;const log=this.unavailable==="error"?console.error:console.warn;log(`[Syidax] sy-bubble-chart: ${what}, falling back to Standard (${reason}).`);this.scheduleDraw()}scheduleDraw(){if(this.detached)return;if(this.drawHandle!==null||typeof requestAnimationFrame!=="function")return;this.drawHandle=requestAnimationFrame(()=>{this.drawHandle=null;void this.draw()})}async ensureRenderer(){if(this.detached)return void 0;const canvas=this.canvas;if(!canvas)return void 0;const tier=this.decideEngine().tier;if(this.renderer&&this.rendererTier===tier&&this.rendererCanvas===canvas)return this.renderer;if(tier==="pro"&&this.rendererInit)return this.rendererInit;if(this.canvasTier!==void 0&&this.canvasTier!==tier)return void 0;++this.rendererToken;this.rendererInit=void 0;this.renderer?.destroy();this.renderer=void 0;this.rendererTier=void 0;this.rendererCanvas=void 0;if(tier==="standard"){this.renderer=new BubbleStandardRenderer(canvas);this.rendererTier="standard";this.rendererCanvas=canvas;return this.renderer}{this.fallbackToStandard(GPU_PRO_NOT_IN_BUILD_REASON,"the Pro renderer is not in this build");return void 0}}async draw(){if(this.drawing){this.drawAgain=true;return this.lastResult}this.drawing=true;try{const renderer=await this.ensureRenderer();const layout=this.computeLayout();if(!renderer||!this.canvas){this.lastResult={points:layout.points.length,drawn:0,renderMs:0};return this.lastResult}const packed=this.currentRecords(layout);const rgba=this.rgba(this.color,DEFAULT_COLOR);const active=this.focusIndex>=0?this.focusIndex:this.hoverIndex;const result=renderer.draw({records:packed.records,points:packed.count,version:packed.version,project:this.projectionOf(layout),width:layout.plot.width,height:layout.plot.height,radius:layout.pack?{...layout.radius,minPx:layout.radius.minPx*layout.pack.scale,maxPx:layout.radius.maxPx*layout.pack.scale}:layout.radius,fillColor:this.withAlpha(rgba,finiteNumber(this.fillAlpha)?this.fillAlpha:DEFAULT_FILL_ALPHA),borderColor:this.borderColor&&this.borderColor!=="auto"?this.rgba(this.borderColor,DEFAULT_COLOR):rgba,activeColor:this.withAlpha(this.rgba(this.activeColor,DEFAULT_ACTIVE_COLOR),Math.min(1,(finiteNumber(this.fillAlpha)?this.fillAlpha:DEFAULT_FILL_ALPHA)+.3)),borderPx:finiteNumber(this.borderWidth)&&this.borderWidth>=0?this.borderWidth:1,reveal:this.revealProgress(),activeIndex:active,shading:resolveBubbleShading(this.shading),shadeStrength:finiteNumber(this.shadeStrength)?Math.max(0,Math.min(1,this.shadeStrength)):1,borderAuto:!this.borderColor||this.borderColor==="auto",radiusLane:layout.morphing?"px":"z",observedPixelSize:this.observedCanvasPixelSize});this.displayed={mode:layout.mode,points:layout.display};this.lastResult={...result,points:layout.points.length,bubble:result.bubble?{...result.bubble,layout:layout.mode,packScale:layout.pack?layout.pack.scale:1,colored:packed.colored}:void 0};this.rendered.emit({...this.lastResult,tier:this.activeTier});return this.lastResult}finally{this.drawing=false;if(this.drawAgain){this.drawAgain=false;this.scheduleDraw()}}}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(){if(!this.shouldAnimate())return false;if(this.animationType==="update")return false;return true}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return false;return true}animationInFlight(){const now=this.now();for(const key of this.animator.entries().keys())if(this.animator.isActive(key,now))return true;return false}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}startReveal(){if(this.animationInFlight())this.chartAnimationInterrupted.emit();this.animator.clear();this.morph=void 0;this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}startMorph(from,mode,duration=this.animationDuration){if(this.animationInFlight())this.chartAnimationInterrupted.emit();this.animator.clear();this.morph={from,mode,version:++this.morphVersion};this.morphDisplayCache=void 0;this.animator.start(MORPH_KEY,{duration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null||typeof requestAnimationFrame!=="function")return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0){this.animationFrameHandle=requestAnimationFrame(loop)}else{this.animationFrameHandle=null;if(!this.animator.has(MORPH_KEY))this.morph=void 0;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}now(){return typeof performance!=="undefined"?performance.now():Date.now()}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.plainStreamEntries=void 0;this.internalStreamSource=createBubbleStreamSource({capacity:this.coerceStreamCapacity()});this.bindStreamSource()}return this.internalStreamSource}activeStreamSource(){if(!this.streamSessionAllowed())return void 0;return this.streamSource??this.internalStreamSource}streamSessionInputs(){return requestedStreamingInputs({streamSource:this.streamSource,streamMax:this.coerceStreamCapacity(),streamWindow:this.coerceStreamWindow()},{streamImplied:true})}streamSessionAsked(){return this.internalStreamSource!==void 0||this.streamSessionInputs().length>0}streamSessionKept(){return Boolean(this.boundStreamSource||this.internalStreamSource||this.streamSource)}streamSessionAllowed(ringCall=false){const asked=this.streamSessionInputs();if(asked.length===0&&!ringCall&&this.internalStreamSource===void 0)return true;const state=this.license.state(STREAMING_LICENSE_FEATURE);if(state==="valid"&&!this.license.isFrozen(STREAMING_LICENSE_FEATURE))return true;if(asked.length>0)this.license.refuse(STREAMING_LICENSE_FEATURE,state,asked[0]);return false}streamWriteTarget(method,openRing){if(this.license.isFrozen(STREAMING_LICENSE_FEATURE)){this.license.refuse(STREAMING_LICENSE_FEATURE,this.license.state(STREAMING_LICENSE_FEATURE),method);return null}const opens=openRing||this.plainStreamEntries!==void 0;if(!this.streamSessionAllowed(opens))return void 0;return opens?this.ensureInternalStreamSource():this.streamSource??this.internalStreamSource??null}applyPlainStream(op){const{list,event}=applyPlainStreamOp(this.plainStreamEntries??[],op,plainBubbleDatum);if(!event)return;this.plainStreamEntries=list;this.showStreamEntries(list,event)}parkInternalRing(){const ring=this.internalStreamSource;if(ring&&this.boundStreamSource===ring)this.license.parkStream(ring,[this.streamEntries])}resumeInternalRing(source){if(source!==this.internalStreamSource||this.license.resumeStream(source,[this.streamEntries]))return;source.replace(this.streamEntries)}bindStreamSource(){if(this.detached)return;const source=this.activeStreamSource();if(source===this.boundStreamSource)return;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=source;if(!source){if(this.license.isFrozen(STREAMING_LICENSE_FEATURE))return;const plain=this.plainStreamEntries??[];if(this.streamEntries!==plain&&(this.streamEntries.length>0||plain.length>0)){this.streamEntries=plain;this.streamVersion+=1;this.streamTick++;this.scheduleDraw()}return}this.resumeInternalRing(source);this.streamEntries=this.windowedSnapshot(source);this.streamVersion+=1;this.streamTick++;this.streamUnsubscribe=source.subscribe(event=>this.applyStreamEvent(source,event));this.scheduleDraw()}coerceStreamWindow(){const raw=this.streamWindow;const n=typeof raw==="string"?Number(raw):raw;return finiteNumber(n)&&n>0?Math.floor(n):void 0}windowedSnapshot(source){const all=source.snapshot();const n=this.coerceStreamWindow();return n!==void 0&&all.length>n?all.slice(all.length-n):all}applyStreamEvent(source,event){this.showStreamEntries(this.windowedSnapshot(source),event)}showStreamEntries(entries,event){const hadPoints=(this.pointsCache?.points.length??0)>0;this.streamEntries=entries;this.streamVersion+=1;this.streamTick++;if(event.type==="shift")this.windowSlid.emit({dropped:event.count});else this.appended.emit({count:event.count});this.afterPointsChange(hadPoints,true);this.scheduleDraw()}insidePlot(layout,cssX,cssY){const{plot}=layout;return cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height}bubbleAtPoint(layout,cssX,cssY){const{plot,points}=layout;if(points.length===0||cssX<plot.x||cssY<plot.y||cssX>plot.x+plot.width||cssY>plot.y+plot.height)return-1;return nearestBubbleIndex(points.length,i=>this.centreOf(layout,i),i=>this.radiusOf(layout,i),cssX,cssY)}detailForBubble(layout,index,cssX,cssY){const p=layout.points[index];return{index,x:p.x,y:p.y,z:p.z,name:p.name,radiusPx:this.radiusOf(layout,index),cssX,cssY}}localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}handlePointerMove=event=>{if(this.handleZoomPointerMove(event))return;if(!this.enableMouseTracking)return;const{cssX,cssY}=this.localPoint(event);const layout=this.computeLayout();this.updateCrosshair(layout,cssX,cssY);const index=this.bubbleAtPoint(layout,cssX,cssY);const spec=this.tooltips.resolveSpec(this.tooltip,this.tooltipEnabled);if(index<0){if(this.hoverIndex!==-1){this.hoverIndex=-1;this.pointHover.emit(null);this.scheduleDraw()}if(this.tooltips.visible&&this.tooltips.shouldHideOnLeave(spec))this.tooltips.clear();return}if(this.hoverIndex!==index){this.hoverIndex=index;this.pointHover.emit(this.detailForBubble(layout,index,cssX,cssY));this.scheduleDraw();if(spec.show&&this.tooltips.shouldShowOnHover(spec))this.showTooltipForBubble(layout,index,spec);else if(this.tooltips.visible&&this.tooltips.shouldHideOnLeave(spec))this.tooltips.clear()}};handlePointerLeave=()=>{if(this.hoverIndex!==-1){this.hoverIndex=-1;this.pointHover.emit(null);this.scheduleDraw()}if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}if(this.tooltips.visible&&this.tooltips.shouldHideOnLeave(this.tooltips.resolveSpec(this.tooltip,this.tooltipEnabled)))this.tooltips.clear()};crosshairBubbleIndex(layout,cssX,cssY,snap){if(snap==="off"||layout.points.length===0)return-1;if(snap==="index")return this.bubbleAtPoint(layout,cssX,cssY);let best=-1;let bestDistance=Infinity;for(let i=0;i<layout.points.length;i+=1){const[cx,cy]=this.centreOf(layout,i);if(!this.insidePlot(layout,cx,cy))continue;const d=Math.hypot(cssX-cx,cssY-cy);if(d<bestDistance){best=i;bestDistance=d}}return best}updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const index=this.crosshairBubbleIndex(layout,cssX,cssY,spec.snap);let detail;if(index>=0){const[cx,cy]=this.centreOf(layout,index);const p=layout.points[index];detail={cssX:cx,cssY:cy,dataX:p.x,dataY:p.y,snappedPointIndex:index}}else if(layout.pack){detail={cssX,cssY}}else{detail={cssX,cssY,dataX:layout.frame.xScale.invert(cssX-layout.outer.x),dataY:layout.frame.yScale.invert(cssY-layout.outer.y)}}if(!this.cursor||this.cursor.cssX!==detail.cssX||this.cursor.cssY!==detail.cssY){this.cursor={cssX:detail.cssX,cssY:detail.cssY};this.crosshairMove.emit(detail)}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-bubble-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"3"}},showV&&h("div",{class:"sy-bubble-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-bubble-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{if(this.consumeSuppressedPlotClick())return;const{cssX,cssY}=this.localPoint(event);const layout=this.computeLayout();const index=this.bubbleAtPoint(layout,cssX,cssY);if(index<0){if(this.tooltips.visible)this.tooltips.clear();return}this.pointClick.emit(this.detailForBubble(layout,index,cssX,cssY));const spec=this.tooltips.resolveSpec(this.tooltip,this.tooltipEnabled);if(spec.show&&this.tooltips.shouldShowOnClick(spec))this.showTooltipForBubble(layout,index,spec,true)};handleContextMenu=event=>{const{cssX,cssY}=this.localPoint(event);const layout=this.computeLayout();const index=this.bubbleAtPoint(layout,cssX,cssY);if(index<0)return;this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"bubble",this.detailForBubble(layout,index,cssX,cssY)))};formatDefaultTooltipText(detail){if(this.tooltipFormat){try{return this.tooltipFormat(detail)}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${bubbleNameOf(detail,detail.index)} · x ${formatNumber(detail.x)} · y ${formatNumber(detail.y)} · z ${formatNumber(detail.z)}`}showTooltipForBubble(layout,index,spec,allowMultiple=false){const p=layout.points[index];const[cssX,cssY]=this.centreOf(layout,index);const detail=this.detailForBubble(layout,index,cssX,cssY);return this.tooltips.show(layout.plot,{index,cssX,cssY,dataX:p.x,dataY:p.y,value:p.z,text:this.formatDefaultTooltipText(detail)},spec,allowMultiple)}handleHostKeyDown=event=>{if(this.handleZoomKeyDown(event))return;const layout=this.computeLayout();const count=layout.points.length;if(count===0)return;const last=count-1;if(event.key==="Enter"||event.key===" "){if(this.focusIndex<0)return;event.preventDefault();event.stopPropagation();const index2=Math.max(0,Math.min(last,this.focusIndex));this.pointClick.emit(this.detailForBubble(layout,index2,...this.centreOf(layout,index2)));const spec=this.tooltips.resolveSpec(this.tooltip,this.tooltipEnabled);if(spec.show)this.showTooltipForBubble(layout,index2,spec,true);return}if(event.key==="Escape"){if(this.focusIndex<0&&!this.tooltips.visible)return;event.preventDefault();event.stopPropagation();this.focusIndex=-1;this.tooltips.clear();this.scheduleDraw();return}const step=event.shiftKey?KEYBOARD_JUMP:1;let next=null;if(event.key==="ArrowRight"||event.key==="ArrowDown")next=this.focusIndex<0?0:this.focusIndex+step;else if(event.key==="ArrowLeft"||event.key==="ArrowUp")next=this.focusIndex<0?0:this.focusIndex-step;else if(event.key==="Home")next=0;else if(event.key==="End")next=last;if(next===null)return;event.preventDefault();event.stopPropagation();const index=Math.max(0,Math.min(last,next));if(index!==this.focusIndex){this.focusIndex=index;this.pointHover.emit(this.detailForBubble(layout,index,...this.centreOf(layout,index)));this.scheduleDraw()}};handleHostBlur=()=>{if(this.focusIndex!==-1){this.focusIndex=-1;this.scheduleDraw()}};ringOf(layout,index,pad){const[cx,cy]=this.centreOf(layout,index);const r=this.radiusOf(layout,index)+pad;return{left:cx-r,top:cy-r,width:r*2,height:r*2}}renderFocus(layout){const index=this.focusIndex;if(index<0||index>=layout.points.length)return null;const r=this.ringOf(layout,index,4);return h("div",{class:"sy-bubble-chart__focus","aria-hidden":"true","data-index":index,style:{position:"absolute",left:`${r.left}px`,top:`${r.top}px`,width:`${r.width}px`,height:`${r.height}px`,boxSizing:"border-box",border:"2px dashed var(--sy-bubble-focus-color, #2563eb)",borderRadius:"50%",pointerEvents:"none",zIndex:"4",clipPath:this.plotClip(layout,r)}})}renderTooltip(){const model=this.tooltips.renderModel();if(model.items.length===0)return null;return model.items.map(item=>{const shared={class:item.className,"data-tooltip-id":`${item.id}`,ref:item.trackMeasure?el=>this.tooltipElement=el:void 0,style:item.style,role:"tooltip",onClick:this.tooltips.handleActionClick,onPointerDown:this.tooltips.handlePointerDown,onPointerMove:this.tooltips.handlePointerMove,onPointerUp:this.tooltips.handlePointerUp,onPointerCancel:this.tooltips.handlePointerUp};if(item.html!==void 0)return h("div",{...shared,innerHTML:item.html});return h("div",{...shared},item.text)})}renderTooltipConnector(){const model=this.tooltips.renderModel();if(model.connectors.length===0)return null;return h("svg",{class:"sy-bubble-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:"5"}},model.connectors.map(line=>h("line",{x1:line.x1,y1:line.y1,x2:line.x2,y2:line.y2,stroke:line.stroke,"stroke-width":line.width,"stroke-dasharray":line.dash})))}srSummary(layout){const{points,extent}=layout;const kind=layout.mode==="pack"?"Packed bubble chart":"Bubble chart";if(points.length===0)return`${kind}, no bubbles.`;return`${kind}, ${points.length} bubbles, x ${formatNumber(extent.xMin)} to ${formatNumber(extent.xMax)}, y ${formatNumber(extent.yMin)} to ${formatNumber(extent.yMax)}, z ${formatNumber(extent.zMin)} to ${formatNumber(extent.zMax)}.`}liveText(layout){const index=this.focusIndex>=0?this.focusIndex:this.hoverIndex;if(index>=0&&index<layout.points.length){const p=layout.points[index];return`Bubble ${bubbleNameOf(p,index)}: x ${formatNumber(p.x)}, y ${formatNumber(p.y)}, z ${formatNumber(p.z)}.`}return this.srSummary(layout)}render(){this.decideEngine();const layout=this.computeLayout();const summary=this.liveText(layout);if(summary!==this.srAnnouncement)this.srAnnouncement=summary;const{plot}=layout;const zoomSpec=this.zoomSpec();return h(Host,{key:"2843096b396dc1af38064c12d054393d1fd55511",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`,touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},role:"img","aria-label":this.chartTitle??"Bubble chart","data-points":layout.points.length,"data-tier":this.activeTier,"data-focus":this.focusIndex,"data-layout":layout.mode,tabindex:"0",onKeyDown:this.handleHostKeyDown,onBlur:this.handleHostBlur,"data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("canvas",{class:"sy-bubble-chart__canvas",key:`sy-bubble-canvas-${this.activeTier}`,ref:el=>this.handleCanvasRef(el),width:Math.max(1,Math.round(plot.width)),height:Math.max(1,Math.round(plot.height)),style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:`${plot.width}px`,height:`${plot.height}px`,zIndex:"2"},onPointerDown:this.handleZoomPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu}),this.renderCrosshair(layout),this.renderHover(layout),this.renderFocus(layout),this.renderZoomOverlay(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"f547899aaa3e766d73f10de039e687257b102873",class:"sy-bubble-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"6c1adf5dfa74c80c92bf79b9948170410bf3dbcd",class:"sy-bubble-chart__watermark",title:this.fallbackReason},FALLBACK_NOTICE_TEXT),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot}))}renderHover(layout){const index=this.hoverIndex;if(index<0||index>=layout.points.length)return null;const r=this.ringOf(layout,index,3);return h("div",{class:"sy-bubble-chart__hover","aria-hidden":"true","data-index":index,style:{position:"absolute",left:`${r.left}px`,top:`${r.top}px`,width:`${r.width}px`,height:`${r.height}px`,boxSizing:"border-box",border:"1px solid var(--sy-bubble-hover-color, rgba(17,24,39,0.55))",borderRadius:"50%",pointerEvents:"none",zIndex:"3",clipPath:this.plotClip(layout,r)}})}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??formatNumber(t.value);const axisLine="var(--sy-axis-line-color, rgba(17,24,39,0.42))";const grid="var(--sy-axis-grid-color, rgba(0,0,0,0.06))";const xAxes=frame.xAxes.filter(axis=>axis.axis.show);const yAxes=frame.yAxes.filter(axis=>axis.axis.show);return h("div",{class:"sy-bubble-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},frame.titleRect&&this.chartTitle&&h("div",{class:"sy-bubble-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-title-color, var(--sy-axis-color, #111827))"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-bubble-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-subtitle-color, var(--sy-axis-color-muted, #4b5563))",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.xGridLines.map(line=>h("div",{class:"sy-bubble-chart__grid-line",style:{position:"absolute",left:`${outer.x+line.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:grid}})),frame.yGridLines.map(line=>h("div",{class:"sy-bubble-chart__grid-line",style:{position:"absolute",left:`${plot.x}px`,top:`${outer.y+line.y}px`,width:`${plot.width}px`,height:"1px",background:grid}})),yAxes.map(axis=>{const right=axis.side==="right";const ticks=thinAxisTicks(axis.ticks,{plotSize:plot.height,orientation:"vertical",format:tickLabel});const lineX=outer.x+axis.linePosition;return[...ticks.map(t=>h("div",{class:`sy-bubble-chart__axis-label sy-bubble-chart__axis-label--y${right?" sy-bubble-chart__axis-label--right":""}`,"data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${right?lineX+6:lineX-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:right?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),h("div",{class:"sy-bubble-chart__axis-line","data-axis-key":axis.key,style:{position:"absolute",left:`${lineX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:axisLine}}),axis.axis.label?h("div",{class:"sy-bubble-chart__axis-title","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${right?lineX+54:lineX-68}px`,top:`${right?plot.y:plot.y+plot.height}px`,width:`${plot.height}px`,transform:right?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},axis.axis.label):null]}),xAxes.map(axis=>{const top=axis.side==="top";const ticks=thinAxisTicks(axis.ticks,{plotSize:plot.width,orientation:"horizontal",format:tickLabel});const lineY=outer.y+axis.linePosition;return[...ticks.map(t=>h("div",{class:`sy-bubble-chart__axis-label sy-bubble-chart__axis-label--x${top?" sy-bubble-chart__axis-label--top":""}`,"data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${top?lineY-18:lineY+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),h("div",{class:"sy-bubble-chart__axis-line","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${plot.x}px`,top:`${lineY}px`,width:`${plot.width}px`,height:"1px",background:axisLine}}),axis.axis.label?h("div",{class:"sy-bubble-chart__axis-title","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${plot.x}px`,top:`${top?lineY-34:lineY+20}px`,width:`${plot.width}px`,textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},axis.axis.label):null]}))}async getEngineStatus(){return engineSwapStatus(this.engine,this.activeTier,this.engineOutcome,this.engineLicenseState)}static get watchers(){return{"data":[{"handleDataChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamWindowChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"engine":[{"resetProInitLatch":0}],"proThreshold":[{"resetProInitLatch":0}],"unavailable":[{"resetProInitLatch":0}],"layout":[{"handlePackChange":0}],"packPadding":[{"handlePackChange":0}],"packFit":[{"handlePackChange":0}],"visualMap":[{"handleVisualMapProp":0}],"shading":[{"handleStyleChange":0}],"shadeStrength":[{"handleStyleChange":0}],"fillAlpha":[{"handleStyleChange":0}],"borderColor":[{"handleStyleChange":0}]}}};SyBubbleChart.style=syBubbleChartCss();export{SyBubbleChart as sy_bubble_chart};