@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/esm/sy-column-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{E as EngineSwapLicense,S as STREAMING_LICENSE_FEATURE,e as engineSwapStatus,f as requestedStreamingInputs,a as engineSwapOutcome,b as engineLicenseVerdict,c as ENGINE_LICENSE_FEATURE,r as rendererCodeOf,d as engineFailureOutcome}from"./engine-swap-license-CwIR5SyJ.js";import{i as isRoundDotDash,r as resolveAutoColumnBorderColor,c as columnBorderDotPoints,a as computeColumnStackLayout,s as shouldRenderStackedVectorSurface}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,a as createLegendPositionState,d as dragLegendBy}from"./legend-interaction-BVmDGX0a.js";import{r as resolveCartesianTooltipSpec,f as cartesianSeriesYAxisKey,a as resolveCartesianAxesSpec,c as cartesianAxisKey,d as resolveCartesianGridLinesSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{s as snapshotDrawingLayer}from"./drawing-export-BYBaMhHn.js";import{g as resolveSeriesZones,r as resolveSeriesData,a as resolveSeriesIdentity,b as resolveSeriesYValues,i as isSeriesVisible,h as resolveSeriesDataSorting,d as resolveSeriesLinkGraph,j as resolveSeriesBorderSpec,k as resolveSeriesDataLabels,e as isSeriesShownInLegend,p as pickEffectiveTooltipFormatter,f as resolveSeriesTooltipSpec}from"./cartesian-series-contract-zrH7aO3p.js";import{a as computeCartesianFrame,c as cartesianCrosshairGeometry,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{t as thinAxisTicks,a as thinGridLines}from"./axis-label-thinning-S3uzYKsD.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 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-column-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-column-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-column-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$1(rawA);return[r*a,g*a,b*a,a]}function clampByte(value){return Math.max(0,Math.min(255,value))}function clampUnit$1(value){return Math.max(0,Math.min(1,value))}function appendColumnChartValue(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$2(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$2(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 createColumnChartAnimator(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(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(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(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 createRingBufferStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function computeColumnDomain(values,baseline=0){const safeBaseline=Number.isFinite(baseline)?baseline:0;let min=safeBaseline;let max=safeBaseline;for(let i=0;i<values.length;i++){const v=values[i];if(typeof v!=="number"||!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}const range=max-min||1;return{min,max,range}}function buildColumnBars(values,pxWidth,pxHeight,opts={baseline:0}){const n=values.length;if(n===0)return[];const baseline=Number.isFinite(opts.baseline)?opts.baseline:0;const domain=computeColumnDomain(values,baseline);const range=Number.isFinite(domain.range)&&domain.range!==0?domain.range:1;const yScale=pxHeight/range;const baselineY=opts.yProject?Number.isFinite(opts.baselineProject)?opts.baselineProject:pxHeight:pxHeight-(baseline-domain.min)*yScale;const bandProject=opts.bandProject;const bandWidth=bandProject?Math.abs(bandProject(1)-bandProject(0)):pxWidth/n;const bandStart=index=>bandProject?Math.min(bandProject(index),bandProject(index+1)):index*bandWidth;const requestedPadding=clamp01$1(opts.barPadding);const padding=bandWidth<2?0:requestedPadding;const barGap=bandWidth*padding;const barWidth=Math.max(0,bandWidth-barGap);const out=new Array(n);for(let i=0;i<n;i++){const v=values[i];const finite=typeof v==="number"&&Number.isFinite(v);if(!finite){out[i]={x:bandStart(i)+barGap/2,y:baselineY,width:barWidth,height:0};continue}const valueY=opts.yProject?opts.yProject(v):pxHeight-(v-domain.min)*yScale;if(!Number.isFinite(valueY)){out[i]={x:bandStart(i)+barGap/2,y:baselineY,width:barWidth,height:0};continue}const top=Math.min(valueY,baselineY);const bottom=Math.max(valueY,baselineY);out[i]={x:bandStart(i)+barGap/2,y:top,width:barWidth,height:Math.max(0,bottom-top)}}return out}function clamp01$1(v){if(typeof v!=="number"||!Number.isFinite(v))return .1;if(v<=0)return 0;if(v>=1)return 1;return v}const DEFAULT_INACTIVE_SERIES_STATE={opacity:.35,thicknessScale:.75};function pickZoneColor(zones,value){if(!Number.isFinite(value))return void 0;for(const zone of zones.zones){if(value<=zone.upper)return zone.color}return void 0}function clampUnit(value,fallback){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}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 resolveEffectiveSeries(input){const series=[];if(hasExplicitSeries(input.series)){for(const entry of input.series){if(!entry?.values||entry.values.length===0)continue;series.push({values:capValuesView(entry.values,STANDARD_ENGINE_MAX_POINTS),color:typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color,opacity:finiteOpacity(entry.opacity),thickness:finitePositive(entry.thickness,input.thickness),zones:resolveSeriesZones(entry)})}}else if(input.values?.length>0){series.push({values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS),color:input.color,opacity:1,thickness:input.thickness})}const activeIndex=activeSeriesIndex(input.activeSeriesIndex,series.length);if(activeIndex===void 0||series.length<2||input.seriesState?.enabled===false)return series;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 series.map((entry,index)=>{if(index===activeIndex)return entry;return{...entry,opacity,thickness:finitePositive(inactive.thickness,entry.thickness*thicknessScale)}})}function splitBarForSeries(bar,seriesIndex,seriesCount,seriesPadding){if(seriesCount<=1)return bar;const padding=Math.min(.95,Math.max(0,Number.isFinite(seriesPadding)?seriesPadding:.1));const totalGap=bar.width*padding;const gap=totalGap/(seriesCount-1);const width=Math.max(0,(bar.width-totalGap)/seriesCount);return{...bar,x:bar.x+seriesIndex*(width+gap),width}}function valuesForBarLayout(values,pointCount){if(values.length>=pointCount)return values;const out=new Array(pointCount);for(let i=0;i<pointCount;i++)out[i]=values[i];return out}function deviceRect(bar,scaleX,scaleY){const x=Math.round(bar.x*scaleX);const y=Math.round(bar.y*scaleY);let w=Math.round((bar.x+bar.width)*scaleX)-x;let h2=Math.round((bar.y+bar.height)*scaleY)-y;if(w<=0&&bar.width>0)w=1;if(h2<=0&&bar.height>0)h2=1;if(w<=0||h2<=0)return null;return{x,y,w,h:h2}}function hasNonZeroCorners(radii){if(!radii)return false;for(const r of radii)if(r>0)return true;return false}function tracePathBarRect(ctx,bar,scaleX,scaleY,insetPx=0){const rect=deviceRect(bar,scaleX,scaleY);if(!rect)return false;const inset=Math.max(0,Math.min(insetPx,rect.w/2,rect.h/2));const radiiCss=bar.cornerRadii??[0,0,0,0];const w=Math.max(0,rect.w-inset*2);const h2=Math.max(0,rect.h-inset*2);if(w<=0||h2<=0)return false;const maxR=Math.min(w/2,h2/2);const scale=Math.max(scaleX,scaleY);const tl=Math.max(0,Math.min(radiiCss[0]*scale-inset,maxR));const tr=Math.max(0,Math.min(radiiCss[1]*scale-inset,maxR));const br=Math.max(0,Math.min(radiiCss[2]*scale-inset,maxR));const bl=Math.max(0,Math.min(radiiCss[3]*scale-inset,maxR));const x=rect.x+inset;const y=rect.y+inset;ctx.beginPath();ctx.moveTo(x+tl,y);ctx.lineTo(x+w-tr,y);if(tr>0)ctx.arcTo(x+w,y,x+w,y+tr,tr);ctx.lineTo(x+w,y+h2-br);if(br>0)ctx.arcTo(x+w,y+h2,x+w-br,y+h2,br);ctx.lineTo(x+bl,y+h2);if(bl>0)ctx.arcTo(x,y+h2,x,y+h2-bl,bl);ctx.lineTo(x,y+tl);if(tl>0)ctx.arcTo(x,y,x+tl,y,tl);ctx.closePath();return true}function fillBarRect(ctx,bar,scaleX,scaleY){if(hasNonZeroCorners(bar.cornerRadii)){if(tracePathBarRect(ctx,bar,scaleX,scaleY))ctx.fill();return}const rect=deviceRect(bar,scaleX,scaleY);if(!rect)return;ctx.fillRect(rect.x,rect.y,rect.w,rect.h)}function strokeBarRect(ctx,bar,scaleX,scaleY){if(hasNonZeroCorners(bar.cornerRadii)){if(tracePathBarRect(ctx,bar,scaleX,scaleY,ctx.lineWidth/2))ctx.stroke();return}const rect=deviceRect(bar,scaleX,scaleY);if(!rect)return;const inset=Math.max(0,Math.min(ctx.lineWidth/2,rect.w/2,rect.h/2));const w=Math.max(0,rect.w-inset*2);const h2=Math.max(0,rect.h-inset*2);if(w<=0||h2<=0)return;ctx.strokeRect(rect.x+inset,rect.y+inset,w,h2)}function fillDotBorderBarRect(ctx,bar,scaleX,scaleY){const borderWidth=bar.borderWidth??0;const dots=columnBorderDotPoints(bar,borderWidth,bar.borderDash);if(dots.length===0)return false;const radius=Math.max(.5,borderWidth*Math.max(scaleX,scaleY)/2);ctx.beginPath();for(const dot of dots){const x=dot.x*scaleX;const y=dot.y*scaleY;ctx.moveTo(x+radius,y);ctx.arc(x,y,radius,0,Math.PI*2)}ctx.fill();return true}class ColumnChartStandardRenderer{ctx;dpr=1;canvas;warnPointCap=createPointCapWarner();constructor(canvas){this.canvas=canvas;this.ctx=canvas.getContext("2d")??void 0;this.applyDpr()}destroy(){this.ctx=void 0}draw(input){this.applyDpr();const ctx=this.ctx;const canvas=this.canvas;if(!ctx||!canvas)return{points:0,renderMs:0};const dpr=this.dpr;const cssWidth=Math.max(1,input.width);const cssHeight=Math.max(1,input.height);const pxWidth=input.observedPixelSize&&input.observedPixelSize.width>0?Math.round(input.observedPixelSize.width):Math.round(cssWidth*dpr);const pxHeight=input.observedPixelSize&&input.observedPixelSize.height>0?Math.round(input.observedPixelSize.height):Math.round(cssHeight*dpr);const scaleX=pxWidth/cssWidth;const scaleY=pxHeight/cssHeight;if(canvas.width!==pxWidth)canvas.width=pxWidth;if(canvas.height!==pxHeight)canvas.height=pxHeight;canvas.style.width=`${cssWidth}px`;canvas.style.height=`${cssHeight}px`;ctx.save();ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,pxWidth,pxHeight);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-column-chart (standard engine)",totalPoints,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");const drawableSeries=resolveEffectiveSeries(input);const pointCount=drawableSeries.reduce((sum,series)=>sum+series.values.length,0);const maxPointCount=drawableSeries.reduce((max,series)=>Math.max(max,series.values.length),0);if(drawableSeries.length===0){ctx.restore();return{points:0,renderMs:0}}const start=performance.now();const activePointIndex=input.inactiveOtherPoints===true&&typeof input.activePointIndex==="number"&&Number.isInteger(input.activePointIndex)&&input.activePointIndex>=0?input.activePointIndex:null;const dimInactivePoints=activePointIndex!==null;const inactivePointOpacity=clampUnit(input.inactivePointOpacity,.2);const preBuilt=input.bars;const preBuiltSegments=input.segments;for(let seriesIndex=0;seriesIndex<drawableSeries.length;seriesIndex++){const series=drawableSeries[seriesIndex];const supplied=preBuilt?.[seriesIndex];const bars=supplied?supplied:buildColumnBars(valuesForBarLayout(series.values,maxPointCount),cssWidth,cssHeight,{barPadding:input.barPadding,baseline:input.baseline,yProject:input.yProject,baselineProject:input.baselineProject,bandProject:input.bandProject});const segments=preBuiltSegments?.[seriesIndex];const fillBar=i=>{const raw=bars[i];if(!raw)return null;const bar=supplied?raw:splitBarForSeries(raw,seriesIndex,drawableSeries.length,input.seriesPadding);if(bar.width<=0||bar.height<=0)return null;const segValue=segments?.[i]?.value;const fallbackValue=series.values[i];const value=typeof segValue==="number"?segValue:typeof fallbackValue==="number"?fallbackValue:Number.NaN;return{bar,value}};const mapColorOf=visualMapColorFn(input.visualMap);for(let i=0;i<bars.length;i++){const slot=fillBar(i);if(!slot)continue;const pointOpacity=dimInactivePoints&&i!==activePointIndex?inactivePointOpacity:1;ctx.globalAlpha=series.opacity*pointOpacity;const zoneColor=series.zones?pickZoneColor(series.zones,slot.value):void 0;ctx.fillStyle=mapColorOf?.(slot.value,i)??zoneColor??series.color;fillBarRect(ctx,slot.bar,scaleX,scaleY)}const scaleMax=Math.max(scaleX,scaleY);const drawStroke=(slot,i)=>{const barBorderWidth=slot.bar.borderWidth??0;const effectiveWidth=barBorderWidth>0?barBorderWidth:series.thickness;if(effectiveWidth<=0)return;const dashSource=slot.bar.borderDash??[];const pointOpacity=dimInactivePoints&&i!==activePointIndex?inactivePointOpacity:1;ctx.globalAlpha=series.opacity*pointOpacity;ctx.lineWidth=effectiveWidth*scaleMax;ctx.lineCap=isRoundDotDash(dashSource)?"round":"butt";ctx.lineJoin=isRoundDotDash(dashSource)?"round":"miter";ctx.setLineDash(dashSource.map(segment=>segment*scaleMax));const zoneColor=series.zones?pickZoneColor(series.zones,slot.value):void 0;const fillColor=mapColorOf?.(slot.value,i)??zoneColor??series.color;ctx.strokeStyle=slot.bar.borderColor??(barBorderWidth>0?resolveAutoColumnBorderColor(fillColor):fillColor);strokeBarRect(ctx,slot.bar,scaleX,scaleY)};let hasAnyStroke=false;for(let i=0;i<bars.length;i++){const slot=fillBar(i);if(!slot)continue;const hasBorder=(slot.bar.borderWidth??0)>0||series.thickness>0;if(!hasBorder)continue;hasAnyStroke=true;drawStroke(slot,i)}if(hasAnyStroke)ctx.setLineDash([]);ctx.globalAlpha=1}const borderBars=input.borderBars??[];if(borderBars.length>0){const scaleMax=Math.max(scaleX,scaleY);ctx.globalAlpha=1;for(const bar of borderBars){const borderWidth=bar.borderWidth??0;if(borderWidth<=0||bar.width<=0||bar.height<=0)continue;ctx.lineWidth=borderWidth*scaleMax;const dashSource=bar.borderDash??[];if(isRoundDotDash(dashSource)){ctx.fillStyle=bar.borderColor??"#111827";fillDotBorderBarRect(ctx,bar,scaleX,scaleY);continue}ctx.lineCap=isRoundDotDash(dashSource)?"round":"butt";ctx.lineJoin=isRoundDotDash(dashSource)?"round":"miter";ctx.setLineDash(dashSource.map(segment=>segment*scaleMax));ctx.strokeStyle=bar.borderColor??"#111827";strokeBarRect(ctx,bar,scaleX,scaleY)}ctx.setLineDash([])}ctx.globalAlpha=1;ctx.restore();return{points:pointCount,renderMs:performance.now()-start}}applyDpr(){const dpr=Math.max(1,window.devicePixelRatio??1);if(dpr===this.dpr&&this.canvas.width>0)return;this.dpr=dpr;const w=this.canvas.offsetWidth||this.canvas.width||1;const h2=this.canvas.offsetHeight||this.canvas.height||1;this.canvas.width=Math.round(w*dpr);this.canvas.height=Math.round(h2*dpr)}}const syColumnChartCss=()=>`.sc-sy-column-chart-h{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-column-chart__canvas.sc-sy-column-chart{display:block;background:rgba(0,0,0,0)}.sy-column-chart__vector-surface.sc-sy-column-chart{display:block;background:rgba(0,0,0,0)}.sy-column-chart__vector-bar.sc-sy-column-chart{shape-rendering:crispEdges}.sy-column-chart__watermark.sc-sy-column-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}.sy-column-chart__watermark--degraded.sc-sy-column-chart{border-color:#facc15;color:#854d0e}`;const ACTIVE_SERIES_HIT_TOLERANCE_PX=2;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 columnCategoryAxisInput(pointCount,overrides={}){const defaultTickCount=Math.max(1,Math.floor(pointCount));const resolved={kind:"category",tickCount:defaultTickCount,...overrides};if(resolved.kind==="category"){return{...resolved,tickCount:Number.isFinite(overrides.tickCount)&&overrides.tickCount>0?Math.floor(overrides.tickCount):defaultTickCount}}const{tickCount:_defaultTickCount,...withoutDefaultTickCount}=resolved;return withoutDefaultTickCount}function resolveColumnXAxisInput(input,pointCount){if(input===void 0||input===null||input==="auto"){return columnCategoryAxisInput(pointCount)}if(input===true){return columnCategoryAxisInput(pointCount,{show:true})}if(input===false||input==="off"){return columnCategoryAxisInput(pointCount,{show:false})}if(typeof input==="object"&&!Array.isArray(input)){return columnCategoryAxisInput(pointCount,input)}return input}function resolveColumnXAxesInput(input,pointCount){if(!Array.isArray(input))return resolveColumnXAxisInput(input,pointCount);return input.map(slot=>slot===void 0||slot===null||slot===false||slot==="off"?"off":resolveColumnXAxisInput(slot,pointCount))}function chartDevicePixelRatio(){if(typeof window==="undefined")return 1;const dpr=window.devicePixelRatio;return typeof dpr==="number"&&Number.isFinite(dpr)&&dpr>0?dpr:1}function canvasRasterScale(cssSize,dpr){const size=typeof cssSize==="number"&&Number.isFinite(cssSize)&&cssSize>0?cssSize:1;return Math.round(size*dpr)/size}function snapCssRect(rect){const x=Math.round(rect.x);const y=Math.round(rect.y);const right=Math.round(rect.x+rect.width);const bottom=Math.round(rect.y+rect.height);return{x,y,width:Math.max(1,right-x),height:Math.max(1,bottom-y)}}function crispColumnRect(rect,scaleX,scaleY){const left=Math.round(rect.x*scaleX);const right=Math.round((rect.x+rect.width)*scaleX);const top=Math.round(rect.y*scaleY);const bottom=Math.round((rect.y+rect.height)*scaleY);if(right<=left||bottom<=top)return null;return{x:left/scaleX,y:top/scaleY,width:(right-left)/scaleX,height:(bottom-top)/scaleY}}function finiteOpacityValue(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 roundedBarPathD(bar){const radii=bar.cornerRadii??[0,0,0,0];const maxR=Math.min(bar.width/2,bar.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 x=bar.x;const y=bar.y;const w=bar.width;const h2=bar.height;const right=x+w;const bottom=y+h2;return[`M${x+tl},${y}`,`H${right-tr}`,tr>0?`A${tr},${tr} 0 0 1 ${right},${y+tr}`:"",`V${bottom-br}`,br>0?`A${br},${br} 0 0 1 ${right-br},${bottom}`:"",`H${x+bl}`,bl>0?`A${bl},${bl} 0 0 1 ${x},${bottom-bl}`:"",`V${y+tl}`,tl>0?`A${tl},${tl} 0 0 1 ${x+tl},${y}`:"","Z"].filter(Boolean).join(" ")}function renderColumnBorderDots(bar,strokeWidth,className){const color=bar.borderColor??"#111827";return columnBorderDotPoints(bar,strokeWidth,bar.borderDash).map((dot,index)=>h("circle",{class:className,cx:dot.x,cy:dot.y,r:dot.radius,fill:color,"shape-rendering":"geometricPrecision",key:`dot-${index}`}))}function pickColumnZoneColor(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}const COLUMN_CHART_LEGEND_FONT_SIZE=12;const COLUMN_CHART_LEGEND_SWATCH_SIZE=12;const COLUMN_CHART_LEGEND_SWATCH_LABEL_GAP=6;const COLUMN_CHART_LEGEND_ITEM_GAP=12;const COLUMN_CHART_LEGEND_ROW_GAP=6;const COLUMN_CHART_LEGEND_EDGE_PADDING=8;const COLUMN_CHART_LEGEND_PLOT_GAP=16;const COLUMN_CHART_LEGEND_FLOAT_PADDING=8;function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}const SyColumnChart=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;cartesianCursor=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());autoActiveSeriesIndex;legendToggle=createLegendToggleState(0);legendFloatPosition;activePointIndex=null;observedCanvasPixelSize;canvas;renderer;rendererTier;resizeObserver;pendingDraw=false;pendingDrawFrame=null;rendererToken=0;canvasTier;proInitInFlight;autoLockedToPro=false;license=new EngineSwapLicense(()=>this.host,change=>this.handleLicenseChange(change));engineOutcome={code:"auto-standard",reason:null};engineLicenseState=null;lastFeatureFallbackReason;lastDegradedReason;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;tooltipDrag;tooltipElement;nextTooltipId=1;suppressNextLegendClick=false;draggableTooltipPositions=new Map;emptyValues=new Float32Array(0);lastHoverSeriesIndex=null;legendDrag;componentWillLoad(){this.syncInitialDrawings();this.ensureAnimator();const target=this.coerceForAnimation(this.values);this.displayValues=this.shouldInitialCascade(null)?this.initialCascadeValues(target,0):target;this.animator?.setImmediate(this.displayValues);this.bindStreamSource();this.reEvaluateEngine()}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.scheduleDraw()});if(this.canvas){try{this.resizeObserver.observe(this.canvas,{box:"device-pixel-content-box"})}catch{this.resizeObserver.observe(this.canvas)}}if(this.shouldInitialCascade(null))this.startInitialCascadeAnimation(this.values);else this.scheduleDraw()}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.reEvaluateEngine();this.scheduleDraw()}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();if(this.pendingDrawFrame!==null)cancelAnimationFrame(this.pendingDrawFrame);this.pendingDrawFrame=null;this.pendingDraw=false;this.rendererToken++;this.proInitInFlight=void 0;this.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null;this.brushInteraction.dispose();this.brushPreview=null;this.drawingInteraction.dispose();this.drawingPreview=null;this.drawingMarquee=null;this.drawingDragPreview=null;this.resizeObserver?.disconnect();this.renderer?.destroy?.();this.renderer=void 0;this.rendererTier=void 0;this.parkInternalRing();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.animator?.stop();this.animator=void 0;this.cancelInitialCascadeAnimation();this.cancelStreamFrame()}handleCanvasSizeChange(){this.scheduleDraw()}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(this.values);this.animator?.setImmediate(this.displayValues);this.startInitialCascadeAnimation(this.values)}else{this.routeValuesToAnimator(next,previous)}this.reEvaluateEngine();this.scheduleDraw()}handleInputsChange(_newValue,_oldValue,propName){if(propName==="series")this.autoActiveSeriesIndex=void 0;this.reEvaluateEngine();this.scheduleDraw()}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.cancelInitialCascadeAnimation(true);this.displayValues=this.coerceForAnimation(this.values);this.scheduleDraw()}this.ensureAnimator(true)}handleStreamBindingChange(){this.cancelInitialCascadeAnimation(true);this.bindStreamSource();this.syncFromStream({type:"replace",count:this.boundStreamSource?.length??0});this.reEvaluateEngine();this.scheduleDraw()}handleStreamWindowChange(){this.syncFromStream({type:"replace",count:this.boundStreamSource?.length??0});this.scheduleDraw()}handleSeriesActiveTriggerChange(){if(this.normalizedSeriesActiveTrigger()==="custom")this.setAutoActiveSeriesIndex(void 0)}handleLegendAnchorChange(){this.legendFloatPosition=void 0}handleCartesianFrameChange(){this.reEvaluateEngine();this.scheduleDraw()}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.scheduleDraw()}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){return this.runSeriesMutation(current=>{const next=current.slice();const insertAt=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.trunc(opts.insertAt):next.length;next.splice(insertAt,0,options);return{next,result:insertAt}},opts)}async removeSeries(idOrIndex,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const next=current.slice();next.splice(index,1);return{next,result:true}},opts)}async updateSeries(idOrIndex,patch,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const next=current.slice();next[index]={...next[index],...patch};return{next,result:true}},opts)}async setSeriesData(idOrIndex,data,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const next=current.slice();next[index]={...next[index],values:data};return{next,result:true}},opts)}async addPoint(idOrIndex,point,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const series=current[index];const nextValues=appendColumnChartValue(this.valuesForSeries(series),point,opts?.shift===true);const next=current.slice();next[index]={...series,values:nextValues};return{next,result:true}},opts)}async showSeries(idOrIndex,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const next=current.slice();next[index]={...next[index],visible:true};return{next,result:true}},opts)}async hideSeries(idOrIndex,opts){return this.runSeriesMutation(current=>{const index=this.lookupSeriesIndex(idOrIndex,current);if(index<0)return{next:current,result:false};const next=current.slice();next[index]={...next[index],visible:false};return{next,result:true}},opts)}runSeriesMutation(mutate,opts){const current=Array.isArray(this.series)?this.series:[];const outcome=mutate(current);if(outcome.next!==current){this.series=outcome.next;if(opts?.redraw!==false)this.scheduleDraw()}return outcome.result}lookupSeriesIndex(idOrIndex,list){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const i=Math.trunc(idOrIndex);return i>=0&&i<list.length?i:-1}if(typeof idOrIndex==="string"&&idOrIndex.length>0){for(let i=0;i<list.length;i++){if(list[i]?.id===idOrIndex)return i}}return-1}async showTooltipAtPoint(pointIndex){const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(!tooltipSpec.show)return null;const cartesian=this.computeCartesianLayout();const hit=this.pointHitAtIndex(pointIndex,cartesian);if(!hit)return null;return this.showTooltipForHit(cartesian,hit.cssX,hit.cssY,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips()}async zoomTo(request){return this.zoomInteraction.zoomTo(request)}async zoomBy(factor,anchorFraction=.5){return this.zoomInteraction.zoomBy(factor,anchorFraction)}async panBy(delta){return this.zoomInteraction.panBy(delta)}async resetZoom(){return this.zoomInteraction.reset()}async getZoom(){return this.zoomState}async getZoomExtent(request){return this.zoomInteraction.extent(request)}async showCrosshairAt(request){const frame=this.computeCartesianLayout();const position=frame?crosshairPositionFor(frame,request):null;this.cartesianCursor=position;return position!==null}async hideCrosshair(){this.cartesianCursor=null}zoomSpec(){return resolveCartesianZoomSpec(this.zoom)}zoomInteractionHost(){return{frame:()=>this.computeCartesianLayout(),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next;this.scheduleDraw()},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.clearTooltips();if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}}zoomPointerInput(e){const{hostX,hostY}=this.eventToHostCoords(e);const point={x:hostX,y:hostY};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{hostX,hostY}=this.eventToHostCoords(e);const point={x:hostX,y:hostY};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++;this.scheduleDraw()};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-column-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-column-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-column-chart__drawing":true,"sy-column-chart__drawing--preview":entry.preview,"sy-column-chart__drawing--locked":entry.drawing.locked===true,"sy-column-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-column-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-column-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-column-chart__drawing-marquee",x:this.drawingMarquee.x-plot.x,y:this.drawingMarquee.y-plot.y,width:this.drawingMarquee.width,height:this.drawingMarquee.height,style:{fill:"var(--sy-drawing-marquee-bg, rgba(37, 99, 235, 0.08))",stroke:"var(--sy-drawing-selection, #2563eb)",strokeWidth:"1",strokeDasharray:"4 3"}}))}brushInteraction=new BrushInteraction(this.brushInteractionHost());brushSpec(){return resolveCartesianBrushSpec(this.brush)}brushKeyboardOn(){const spec=this.brushSpec();return spec.enabled&&spec.keyboard}brushHostFrame(){const frame=this.computeCartesianLayout();return frame?{plot:frame.plot,xScale:frame.xScale,yScale:frame.yScale}:void 0}brushInteractionHost(){return{frame:()=>this.brushHostFrame(),spec:()=>this.brushSpec(),state:()=>this.brushState,apply:next=>{this.brushState=next},emit:detail=>{this.brushChange.emit(detail)},preview:shape=>{this.brushPreview=shape},standDown:()=>this.zoomStandDown(),points:()=>this.brushPoints(),start:detail=>{this.brushStart.emit(detail)},move:detail=>{this.brushMove.emit(detail)},end:detail=>{this.brushEnd.emit(detail)}}}brushPoints(){const frame=this.computeCartesianLayout();return this.columnPointGeometries(frame).map(p=>({seriesIndex:p.seriesIndex,index:p.index,cssX:p.cssX,cssY:p.cssY,dataX:p.index,dataY:p.value}))}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.scheduleDraw()}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,"y")))}renderBrushOverlay(frame){const preview=this.brushPreview;const areas=this.brushState?.areas??[];if(!preview&&areas.length===0)return null;const plot=frame.plot;const shapes=areas.map(area=>pixelShapeFromArea(area,frame.xScale,frame.yScale));const rects=shapes.flatMap((shape,index)=>shape.kind==="rect"?[{index,band:false,rect:clipRectToPlot(shape.rect,plot)}]:shape.kind==="band"?[{index,band:true,rect:bandRectForPlot(shape,plot)}]:[]).filter(entry=>entry.rect!==null);const polygons=shapes.flatMap((shape,index)=>shape.kind==="polygon"?[{index,points:shape.points}]:[]);const previewRect=preview?.kind==="rect"?preview.rect:preview?.kind==="band"?bandRectForPlot(preview,plot):null;const previewPolygon=preview?.kind==="polygon"?preview.points:null;const box=rect=>({position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,boxSizing:"border-box"});const polygonPoints=points=>points.map(point=>`${(point.x-plot.x).toFixed(1)},${(point.y-plot.y).toFixed(1)}`).join(" ");return h("div",{class:"sy-column-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-column-chart__brush-area":true,"sy-column-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-column-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-column-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-column-chart__brush-area sy-column-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-column-chart__brush-preview sy-column-chart__brush-preview--lasso",points:polygonPoints(previewPolygon),style:{fill:"var(--sy-brush-bg, rgba(16, 185, 129, 0.14))",stroke:"var(--sy-brush-border, rgba(5, 150, 105, 0.8))",strokeWidth:"1"}})))}handleZoomPointerDown=e=>{if(this.drawingInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId);return}if(this.brushInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId);return}if(this.zoomInteraction.pointerDown(this.zoomPointerInput(e))){e.currentTarget?.setPointerCapture?.(e.pointerId)}};updateDrawingCursor(e){const state=this.drawingModeState();const mode=state.mode==="draw"?"draw":state.mode==="select"?"select":"off";let hover=null;if(mode==="select"){if(this.drawingInteraction.isDragging)hover=this.drawingInteraction.dragsHandle?"handle":"body";else{const input=this.zoomPointerInput(e);hover=drawingHoverTarget({x:input.x,y:input.y},this.renderedDrawings(),this.drawingSelection)}}const cursor=drawingCursor(mode,hover,this.drawingInteraction.isDragging);const target=this.canvas??this.host;if(target&&target.style.cursor!==cursor)target.style.cursor=cursor}handleZoomPointerMove(e){this.updateDrawingCursor(e);if(this.drawingInteraction.pointerMove(this.zoomPointerInput(e)))return true;if(this.brushInteraction.pointerMove(this.zoomPointerInput(e)))return true;return this.zoomInteraction.pointerMove(this.zoomPointerInput(e))}handleZoomPointerUp=e=>{if(this.drawingInteraction.isPending){this.drawingInteraction.pointerUp(this.zoomPointerInput(e));e.currentTarget?.releasePointerCapture?.(e.pointerId);return}if(this.brushInteraction.isPending){this.brushInteraction.pointerUp(this.zoomPointerInput(e));e.currentTarget?.releasePointerCapture?.(e.pointerId);return}const owned=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(e));if(owned)e.currentTarget?.releasePointerCapture?.(e.pointerId)};handleZoomPointerCancel=()=>{this.drawingInteraction.pointerCancel();this.brushInteraction.pointerCancel();this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){if(this.drawingInteraction.consumeSuppressedClick())return true;return this.brushInteraction.consumeSuppressedClick()||this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown=e=>{if(this.drawingInteraction.keyDown(e)){e.preventDefault();return}if(this.brushInteraction.keyDown(e)||this.zoomInteraction.keyDown(e))e.preventDefault()};renderZoomOverlay(cartesian){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const plot=cartesian.plot;return h("div",{class:"sy-column-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-column-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-column-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"))}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()}hasExplicitSeries(){return Array.isArray(this.series)&&this.series.length>0}seriesIdentityForEmit(seriesIndex,pointIndex){const series=this.series?.[seriesIndex];const identity=resolveSeriesIdentity(series,seriesIndex);const point=series?resolveSeriesData(series).getPoint(pointIndex):void 0;return{seriesId:identity.id,seriesName:identity.name,pointId:point?.id}}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})}valuesForSeries(series){if(!Array.isArray(series.data)||series.data.length===0)return series.values??[];return resolveSeriesYValues(series)}yScaleForSeries(cartesian,series){return cartesian.yScales[cartesianSeriesYAxisKey(series)]??cartesian.yScale}seriesEntries(){if(!this.hasExplicitSeries()){return[{sourceIndex:0,values:this.visibleDisplayValues()}]}const disabledSet=this.effectiveDisabledSeriesIndexes();const entries=[];for(let i=0;i<(this.series?.length??0);i++){const series=this.series?.[i];if(!isSeriesVisible(series))continue;const values=this.valuesForSeries(series);if(values.length===0)continue;if(disabledSet.has(i))continue;const renderSeries={...series,values};const sortedValues=this.maybeSortSeriesValues(renderSeries);const visibleSeries=sortedValues===renderSeries.values?renderSeries:{...renderSeries,values:sortedValues};entries.push({sourceIndex:i,values:visibleSeries.values,series:visibleSeries})}return entries}maybeSortSeriesValues(series){const sorting=resolveSeriesDataSorting(series);if(!sorting.enabled)return series.values;const indexed=[];const len=series.values.length;for(let i=0;i<len;i++){const raw=series.values[i];const numeric=typeof raw==="number"&&Number.isFinite(raw)?raw:Number.NEGATIVE_INFINITY;indexed.push({value:numeric,original:raw,idx:i})}indexed.sort((a,b)=>a.value-b.value);const out=new Array(len);for(let i=0;i<len;i++)out[i]=indexed[i].original;return out}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}visibleDisplayValues(){if(this.isPrimarySeriesDisabled())return this.emptyValues;return this.displayValues??this.values}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.scheduleDraw()})}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.reEvaluateEngine();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=createColumnChartAnimator({durationMs:this.shouldAnimate()?this.animationDuration:0,easing:this.animationEasing,onFrame:frame=>{this.displayValues=frame;this.scheduleDraw()},onStart:()=>this.chartAnimationStart.emit(),onEnd:()=>{this.displayValues=this.coerceForAnimation(this.values);this.animationValueExtent=void 0;this.scheduleDraw();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)){const previous=this.coerceForAnimation(this.displayValues??this.emptyValues);const aligned=this.alignValuesWithBaseline(previous,arr);this.animationValueExtent=this.hasExplicitSeries()?void 0:this.computeAnimationValueExtent(aligned.next);this.animator.setImmediate(aligned.previous);this.animator.animateTo(aligned.next)}else{this.animationValueExtent=void 0;this.animator.setImmediate(arr)}}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.scheduleDraw();return}const duration=Math.max(0,Number(this.animationDuration)||0);if(duration<=0){this.displayValues=target;this.animationValueExtent=void 0;this.scheduleDraw();return}this.initialAnimationRunning=true;this.initialAnimationPaused=false;this.initialAnimationPausedElapsed=0;this.initialAnimationStartedAt=this.now();this.chartAnimationStart.emit();this.scheduleDraw();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.scheduleDraw();this.chartAnimationEnd.emit();return}this.scheduleDraw();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 start=count<=1?0:i/(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}alignValuesWithBaseline(previousInput,nextInput){const baseline=Number.isFinite(this.baseline)?this.baseline:0;const len=Math.max(previousInput.length,nextInput.length);const previous=new Float32Array(len);const next=new Float32Array(len);for(let i=0;i<len;i++){previous[i]=i<previousInput.length?previousInput[i]:baseline;next[i]=i<nextInput.length?nextInput[i]:baseline}return{previous,next}}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.scheduleDraw();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.scheduleDraw();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.scheduleDraw();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)}visibleSeriesForRender(){if(!this.hasExplicitSeries())return void 0;const visible=this.seriesEntries().map(entry=>entry.series).filter(series=>!!series);return visible.length>0?visible:[{values:this.emptyValues}]}isPrimarySeriesDisabled(){if(this.hasExplicitSeries())return false;if(!this.legend)return false;if(this.resolveLegendItems().length===0)return false;return isLegendItemDisabled(this.legendToggle,0)}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;const index=this.seriesEntries().findIndex(entry=>entry.sourceIndex===active);return index>=0?index: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.scheduleDraw()}compareHitOrder(a,b){return(a.distancePx??0)-(b.distancePx??0)||(a.seriesIndex??0)-(b.seriesIndex??0)||(b.pointIndex??b.index??0)-(a.pointIndex??a.index??0)}sortHitsByActiveSeries(hits){hits.sort((a,b)=>this.compareHitOrder(a,b));const activeSeries=this.resolvedActiveSeriesIndex();const nearestDistance=hits[0]?.distancePx??0;if(activeSeries===void 0)return;hits.sort((a,b)=>{const aActive=(a.seriesIndex??0)===activeSeries&&(a.distancePx??0)<=nearestDistance+ACTIVE_SERIES_HIT_TOLERANCE_PX;const bActive=(b.seriesIndex??0)===activeSeries&&(b.distancePx??0)<=nearestDistance+ACTIVE_SERIES_HIT_TOLERANCE_PX;if(aActive!==bActive)return aActive?-1:1;return this.compareHitOrder(a,b)})}reEvaluateEngine(){const availability=this.proAvailability();const keepPro=this.engine==="auto"&&this.autoLockedToPro;const entries=this.seriesEntries();const engineInputs={requested:this.engine,pointCount:entries.reduce((sum,entry)=>sum+entry.values.length,0),proThreshold:this.proThreshold,onUnavailable:this.unavailable,proAvailable:availability.available,proUnavailableReason:availability.reason,keepPro,features:{visualMap:this.effectiveVisualMap()!==null,color:this.color,thickness:this.thickness,hasGaps:entries.some(entry=>hasColumnGaps(entry.values)),multiSeries:this.hasExplicitSeries(),nonLinearYAxis:resolveCartesianAxesSpec(this.xAxis,this.yAxis).y.kind!=="linear",inactiveOtherPoints:this.inactiveOtherPoints,borderRadius:this.borderRadius,seriesBorderRadius:entries.map(entry=>entry.series?.borderRadius),borderColor:this.borderColor,seriesBorderColor:entries.map(entry=>entry.series?.borderColor),borderWidth:this.borderWidth,seriesBorderWidth:entries.map(entry=>entry.series?.borderWidth),borderDashStyle:this.borderDashStyle,seriesBorderDashStyle:entries.map(entry=>entry.series?.borderDashStyle)}};let decision=pickEngine(engineInputs);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.autoLockedToPro=false}if(this.engine!=="auto"){this.autoLockedToPro=false}else if(decision.tier==="pro"){this.autoLockedToPro=true}this.warnFeatureFallback(decision.featureFallbackReason);this.warnDegraded(decision.degradedReason);this.activeTier=decision.tier;this.fallbackReason=decision.fallbackReason;this.degradedReason=decision.degradedReason;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})}engineLicense(){const verdict=engineLicenseVerdict(this.license.state(ENGINE_LICENSE_FEATURE));if(verdict.code)this.license.refuse(ENGINE_LICENSE_FEATURE,verdict.state,"engine");return verdict}engineAllowed(){return this.license.state(ENGINE_LICENSE_FEATURE)==="valid"}handleLicenseChange(change){if(this.detached)return;if(change.feature===ENGINE_LICENSE_FEATURE){if(change.state!=="valid"){this.rendererToken++;this.proInitInFlight=void 0;this.autoLockedToPro=false}this.reEvaluateEngine();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();if(this.boundStreamSource)this.syncFromStream({type:"replace",count:this.boundStreamSource.length});this.reEvaluateEngine();this.scheduleDraw()}async ensureRenderer(){if(this.detached)return void 0;const canvas=this.canvas;if(!canvas)return void 0;if(this.canvasTier!==void 0&&this.canvasTier!==this.activeTier)return void 0;if(this.renderer&&this.rendererTier===this.activeTier)return this.renderer;if(this.activeTier==="pro"&&this.proInitInFlight){return this.proInitInFlight}++this.rendererToken;this.renderer?.destroy?.();this.renderer=void 0;this.rendererTier=void 0;if(this.activeTier==="standard"){this.renderer=new ColumnChartStandardRenderer(canvas);this.rendererTier="standard";return this.renderer}{this.fallbackToStandard("Pro renderer not included in this build");return this.ensureRenderer()}}scheduleDraw(){if(this.detached)return;if(this.pendingDraw)return;this.pendingDraw=true;this.pendingDrawFrame=requestAnimationFrame(()=>{this.pendingDrawFrame=null;this.pendingDraw=false;void this.draw()})}async draw(){if(this.detached)return{points:0,renderMs:0};const renderer=await this.ensureRenderer();if(!renderer||this.detached)return{points:0,renderMs:0};const result=await renderer.draw(this.renderInput());this.rendered.emit({...result,tier:this.activeTier});return result}renderInput(){const cartesian=this.computeCartesianLayout();const plot=cartesian.plot;const baselineValue=typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:cartesian.axes.y.kind==="log"?cartesian.yScale.domain()[0]:0;const visibleSeries=this.visibleSeriesForRender();const bundle=visibleSeries?this.buildBarLayout(cartesian,this.seriesEntries()):void 0;return{visualMap:this.effectiveVisualMap(),series:visibleSeries,activeSeriesIndex:this.visibleActiveSeriesRenderIndex(),seriesState:this.seriesState,seriesActiveTrigger:this.seriesActiveTrigger,values:this.visibleDisplayValues(),streamFrame:this.streamFrame,width:plot.width,height:plot.height,yProject:value=>cartesian.yScale(value)-cartesian.plot.y,yProjectForSeries:yAxis=>{const scale=cartesian.yScales[cartesianSeriesYAxisKey({yAxis})]??cartesian.yScale;return value=>scale(value)-cartesian.plot.y},bandProject:index=>cartesian.xScale(index-.5)-cartesian.plot.x,baselineProject:cartesian.yScale(baselineValue)-cartesian.plot.y,baselineProjectForSeries:yAxis=>{const scale=cartesian.yScales[cartesianSeriesYAxisKey({yAxis})]??cartesian.yScale;return scale(baselineValue)-cartesian.plot.y},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,bars:bundle?.barsByOrder,segments:bundle?.layout.segmentByOrder,borderBars:bundle?.borderBars,observedPixelSize:this.observedCanvasPixelSize,inactiveOtherPoints:this.inactiveOtherPoints,inactivePointOpacity:this.inactivePointOpacity,activePointIndex:this.activePointIndex}}computeCartesianLayout(){const legend=this.legend?this.buildLegendLayout():null;const outer=this.plotRectFromLegend(legend?.layout);const entries=this.seriesEntries();const maxPointCount=Math.max(entries.reduce((max,entry)=>Math.max(max,entry.values.length),0),this.animationValueExtent?.pointCount??0);const xExtent={min:-.5,max:Math.max(.5,maxPointCount-.5)};const axes=this.resolveColumnAxesSpec(maxPointCount);const yExtents=this.animationValueExtent&&!this.hasExplicitSeries()?{0:{min:this.animationValueExtent.min,max:this.animationValueExtent.max}}:this.computeYExtents(entries);const yExtent=yExtents[cartesianAxisKey(axes.y,0)]??this.computeYExtent(entries);const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent,yExtent,yExtents,zoom:this.zoomState??void 0,requiredTicks:{y:typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:0,includeGridLines:false}});return{...frame,outer,plot:{x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height}}}resolveColumnAxesSpec(pointCount){return resolveCartesianAxesSpec(resolveColumnXAxesInput(this.xAxis,pointCount),this.yAxis)}computeStackLayout(entries){return computeColumnStackLayout({entries:entries.map((entry,order)=>({order,values:entry.values,series:entry.series})),baseline:typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:0,chartLevelStacking:this.stacking})}computeYExtent(entries){if(entries.length===0){const baseline=typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:0;return{min:baseline-1,max:baseline+1}}return this.computeStackLayout(entries).yExtent}computeYExtents(entries){if(entries.length===0)return{0:this.computeYExtent(entries)};const buckets=new Map;for(const entry of entries){const key=cartesianSeriesYAxisKey(entry.series);const bucket=buckets.get(key)??[];bucket.push(entry);buckets.set(key,bucket)}return Object.fromEntries(Array.from(buckets.entries()).map(([key,bucket])=>[key,this.computeYExtent(bucket)]))}computeAnimationValueExtent(...frames){const baseline=typeof this.baseline==="number"&&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}}buildBarLayout(cartesian,entries=this.seriesEntries()){const pointCount=entries.reduce((max,entry)=>Math.max(max,entry.values.length),0);const layout=this.computeStackLayout(entries);const plot=cartesian.plot;const xScale=cartesian.xScale;const bandWidth=Math.abs(xScale(.5)-xScale(-.5));const bandStart=p=>Math.min(xScale(p-.5),xScale(p+.5))-plot.x;const barPadding=clamp01(this.barPadding);const barGap=bandWidth*barPadding;const barOuterWidth=Math.max(0,bandWidth-barGap);const groupCount=Math.max(1,layout.groups.length);const groupPadding=Math.min(.95,Math.max(0,Number.isFinite(this.seriesPadding)?this.seriesPadding:.1));const allGroupsStacked=groupCount>1&&layout.groups.every(group=>group.stacking);const groupEnvelopeWidth=allGroupsStacked?barOuterWidth*.72:barOuterWidth;const groupEnvelopeOffset=(barOuterWidth-groupEnvelopeWidth)/2;const totalGroupGap=groupCount>1?groupEnvelopeWidth*groupPadding:0;const interGroupGap=groupCount>1?totalGroupGap/(groupCount-1):0;const slotWidth=Math.max(0,(groupEnvelopeWidth-totalGroupGap)/groupCount);const barsByOrder=new Array(entries.length);for(let o=0;o<entries.length;o++)barsByOrder[o]=new Array(pointCount).fill(null);const borderBars=[];const dpr=chartDevicePixelRatio();const rasterScaleX=this.observedCanvasPixelSize&&plot.width>0?this.observedCanvasPixelSize.width/plot.width:canvasRasterScale(plot.width,dpr);const rasterScaleY=this.observedCanvasPixelSize&&plot.height>0?this.observedCanvasPixelSize.height/plot.height:canvasRasterScale(plot.height,dpr);const yProjectForSeries=series=>{const scale=this.yScaleForSeries(cartesian,series);return value=>scale(value)-plot.y};for(let p=0;p<pointCount;p++){const bandX=bandStart(p)+barGap/2;for(let g=0;g<layout.groups.length;g++){const groupX=bandX+groupEnvelopeOffset+g*(slotWidth+interGroupGap);const pointLayout=layout.pointsByGroup[g][p];if(!pointLayout)continue;this.assignStackRects({barsByOrder,pointIndex:p,segments:pointLayout.segments,stacking:pointLayout.stacking,entries,x:groupX,width:slotWidth,rasterScaleX,rasterScaleY,yProjectForSeries});if(this.borderScope==="outline"&&pointLayout.stacking){const borderBar=this.resolveStackBorderRect({barsByOrder,pointIndex:p,segments:pointLayout.segments,entries});if(borderBar)borderBars.push(borderBar)}}}return{entries,layout,barsByOrder,borderBars,pointCount}}assignStackRects(options){if(options.width<=0)return;for(const segment of options.segments){if(this.stackSegmentMagnitude(segment)<=0)continue;const seriesEntry=options.entries[segment.order];const yProject=options.yProjectForSeries(seriesEntry?.series);const bottomCss=yProject(segment.bottomValue);const topCss=yProject(segment.topValue);if(!Number.isFinite(bottomCss)||!Number.isFinite(topCss))continue;const y=Math.min(bottomCss,topCss);const height=Math.abs(bottomCss-topCss);const rect=crispColumnRect({x:options.x,y,width:options.width,height},options.rasterScaleX,options.rasterScaleY);if(!rect)continue;const decorated=this.applyColumnBorder(rect,segment,seriesEntry?.series,{suppressStroke:this.borderScope==="outline"&&Boolean(options.stacking)});options.barsByOrder[segment.order][options.pointIndex]=decorated}}resolveStackBorderRect(options){const border=resolveSeriesBorderSpec(void 0,{borderRadius:this.borderRadius,borderColor:this.borderColor,borderWidth:this.borderWidth,borderDashStyle:this.borderDashStyle});if(border.width<=0)return null;const rects=[];for(const segment of options.segments){const rect=options.barsByOrder[segment.order]?.[options.pointIndex];if(rect&&rect.width>0&&rect.height>0)rects.push(rect)}if(rects.length===0)return null;const left=Math.min(...rects.map(rect=>rect.x));const top=Math.min(...rects.map(rect=>rect.y));const right=Math.max(...rects.map(rect=>rect.x+rect.width));const bottom=Math.max(...rects.map(rect=>rect.y+rect.height));const topSegment=options.segments.find(segment=>segment.isTopOfStack)??options.segments[options.segments.length-1];const topEntry=topSegment?options.entries[topSegment.order]:void 0;const fill=topEntry&&topSegment?this.vectorColumnColor(topEntry,topSegment.value):this.color;const out={x:left,y:top,width:right-left,height:bottom-top,borderColor:border.color??resolveAutoColumnBorderColor(fill),borderWidth:border.width};if(border.dash.length>0)out.borderDash=[...border.dash];if(border.cornerRadii.some(r=>r>0)){out.cornerRadii=[border.cornerRadii[0],border.cornerRadii[1],border.cornerRadii[2],border.cornerRadii[3]]}return out}applyColumnBorder(rect,segment,series,options={}){const border=resolveSeriesBorderSpec(series,{borderRadius:this.borderRadius,borderColor:this.borderColor,borderWidth:this.borderWidth,borderDashStyle:this.borderDashStyle});const radiusScope=this.borderScope==="point"?"point":"stack";const radiiSource=border.cornerRadii;const noRadii=radiiSource.every(r=>r===0);const noBorder=(border.width<=0||options.suppressStroke===true)&&noRadii;if(noBorder)return rect;const radii=radiusScope==="point"?[radiiSource[0],radiiSource[1],radiiSource[2],radiiSource[3]]:[segment.isTopOfStack?radiiSource[0]:0,segment.isTopOfStack?radiiSource[1]:0,segment.isBottomOfStack?radiiSource[2]:0,segment.isBottomOfStack?radiiSource[3]:0];const out={...rect};if(!radii.every(r=>r===0))out.cornerRadii=radii;if(options.suppressStroke!==true){if(border.color)out.borderColor=border.color;if(border.width>0)out.borderWidth=border.width;if(border.dash.length>0)out.borderDash=[...border.dash]}return out}stackSegmentMagnitude(segment){const magnitude=Math.abs(segment.topValue-segment.bottomValue);return Number.isFinite(magnitude)?magnitude:0}columnPointGeometries(cartesian){const bundle=this.buildBarLayout(cartesian);const plot=cartesian.plot;const points=[];for(let order=0;order<bundle.entries.length;order++){const entry=bundle.entries[order];const bars=bundle.barsByOrder[order];for(let i=0;i<bars.length;i++){const bar=bars[i];const segment=bundle.layout.segmentByOrder[order][i];if(!bar||!segment||bar.width<=0||bar.height<=0)continue;points.push({index:i,seriesIndex:entry.sourceIndex,value:segment.value,cssX:plot.x+bar.x+bar.width/2,cssY:plot.y+bar.y})}}return points}pointHitAtIndex(pointIndex,cartesian){const index=Math.trunc(pointIndex);if(!Number.isFinite(index)||index<0)return null;const bundle=this.buildBarLayout(cartesian);const activeSeries=this.resolvedActiveSeriesIndex();const order=Math.max(0,bundle.entries.findIndex(entry2=>entry2.sourceIndex===activeSeries));const entry=bundle.entries[order]??bundle.entries[0];if(!entry)return null;const bar=bundle.barsByOrder[order]?.[index];const segment=bundle.layout.segmentByOrder[order]?.[index];if(!bar||!segment||bar.width<=0||bar.height<=0)return null;const cssX=cartesian.plot.x+bar.x+bar.width/2;const cssY=cartesian.plot.y+bar.y;if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return null;return{seriesIndex:entry.sourceIndex,index,value:segment.value,cssX,cssY,segment}}async hitTestPoint(cssX,cssY){const hostRect=this.host.getBoundingClientRect();const event={clientX:hostRect.left+cssX,clientY:hostRect.top+cssY};const hit=this.hitTestFromEvent(event,this.computeCartesianLayout());return hit?{pointIndex:hit.index,seriesIndex:hit.seriesIndex}:null}eventToHostCoords(e){const hostRect=this.host.getBoundingClientRect();return{hostX:e.clientX-hostRect.left,hostY:e.clientY-hostRect.top}}hitTestFromEvent(e,cartesian){const{hostX,hostY}=this.eventToHostCoords(e);const{plot}=cartesian;if(hostX<plot.x||hostX>plot.x+plot.width||hostY<plot.y||hostY>plot.y+plot.height){return null}const bundle=this.buildBarLayout(cartesian);const hits=[];for(let order=0;order<bundle.entries.length;order++){const entry=bundle.entries[order];const bars=bundle.barsByOrder[order];for(let i=0;i<bars.length;i++){const bar=bars[i];const segment=bundle.layout.segmentByOrder[order]?.[i];if(!bar||!segment||bar.width<=0||bar.height<=0)continue;const x0=plot.x+bar.x;const x1=x0+bar.width;const y0=plot.y+bar.y;const y1=y0+bar.height;if(hostX>=x0&&hostX<=x1&&hostY>=y0&&hostY<=y1){const cssX=x0+bar.width/2;const cssY=y0;hits.push({seriesIndex:entry.sourceIndex,index:i,value:segment.value,cssX,cssY,distancePx:Math.hypot(cssX-hostX,cssY-hostY),segment})}}}this.sortHitsByActiveSeries(hits);return hits[0]??null}handlePointerMove=e=>{if(this.handleZoomPointerMove(e))return;const cartesian=this.computeCartesianLayout();const{hostX,hostY}=this.eventToHostCoords(e);const hit=this.hitTestFromEvent(e,cartesian);this.setActivePointIndex(hit?.index??null);if(this.normalizedSeriesActiveTrigger()==="hover"&&hit){this.setAutoActiveSeriesIndex(hit.seriesIndex)}const detail=hit?{seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.index),pointIndex:hit.index,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:cartesian.xScale.invert(hit.cssX),dataY:hit.value}:null;const previousSeriesIndex=this.lastHoverSeriesIndex;const nextSeriesIndex=hit?hit.seriesIndex:null;if(previousSeriesIndex!==nextSeriesIndex){if(previousSeriesIndex!==null)this.invokeSeriesEvent(previousSeriesIndex,"mouseOut",e);if(nextSeriesIndex!==null)this.invokeSeriesEvent(nextSeriesIndex,"mouseOver",e);this.lastHoverSeriesIndex=nextSeriesIndex}this.pointHover.emit(detail);const insidePlot=hostX>=cartesian.plot.x&&hostX<=cartesian.plot.x+cartesian.plot.width&&hostY>=cartesian.plot.y&&hostY<=cartesian.plot.y+cartesian.plot.height;const crosshairSpec=resolveCartesianCrosshairSpec(this.crosshair);if(crosshairSpec.show&&insidePlot){const points=this.columnPointGeometries(cartesian);const geometry=cartesianCrosshairGeometry({frame:{plot:cartesian.plot},cssX:hostX,cssY:hostY,spec:crosshairSpec,points});const snapped=points.find(point=>point.index===geometry.snappedPointIndex);const cssX=snapped?.cssX??geometry.verticalX??hostX;const cssY=snapped?.cssY??geometry.horizontalY??hostY;this.cartesianCursor={cssX,cssY};this.crosshairMove.emit({cssX,cssY,dataX:cartesian.xScale.invert(cssX),dataY:cartesian.yScale.invert(cssY),snappedPointIndex:snapped?.index??hit?.index})}else if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(tooltipSpec.show&&hit&&this.shouldShowTooltipOnHover(tooltipSpec)){this.showTooltipForHit(cartesian,hostX,hostY,hit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{this.drawingInteraction.hoverEnd();const previousSeriesIndex=this.lastHoverSeriesIndex;this.setActivePointIndex(null);this.pointHover.emit(null);if(previousSeriesIndex!==null){this.invokeSeriesEvent(previousSeriesIndex,"mouseOut");this.lastHoverSeriesIndex=null}if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};setActivePointIndex(index){const next=typeof index==="number"&&Number.isInteger(index)&&index>=0?index:null;if(this.activePointIndex===next)return;this.activePointIndex=next;if(this.inactiveOtherPoints===true)this.scheduleDraw()}handlePointerClick=e=>{if(this.consumeSuppressedPlotClick())return;const cartesian=this.computeCartesianLayout();const hit=this.hitTestFromEvent(e,cartesian);const activeTrigger=this.normalizedSeriesActiveTrigger();if(!hit){if(activeTrigger!=="custom"){this.setAutoActiveSeriesIndex(void 0)}this.clearTooltips();this.emitSeriesOutsideClick(e,cartesian);return}if(activeTrigger==="click"){this.setAutoActiveSeriesIndex(hit.seriesIndex)}this.pointClick.emit({seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.index),pointIndex:hit.index,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:cartesian.xScale.invert(hit.cssX),dataY:hit.value,interactionTarget:"bar"});this.invokeSeriesEvent(hit.seriesIndex,"click",e);const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const{hostX,hostY}=this.eventToHostCoords(e);this.showTooltipForHit(cartesian,hostX,hostY,hit,tooltipSpec,true)}};handlePointContextMenu=e=>{const cartesian=this.computeCartesianLayout();const hit=this.hitTestFromEvent(e,cartesian);if(!hit)return;const detail={seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.index),pointIndex:hit.index,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:cartesian.xScale.invert(hit.cssX),dataY:hit.value,interactionTarget:"bar"};e.preventDefault();e.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(e,this.host,"column",detail))};emitSeriesOutsideClick(e,cartesian){const{hostX,hostY}=this.eventToHostCoords(e);this.seriesOutsideClick.emit({cssX:hostX,cssY:hostY,dataX:cartesian.xScale.invert(hostX),dataY:cartesian.yScale.invert(hostY)})}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(cartesian,hostX,hostY,hit,tooltipSpec,allowMultiple=false){const seriesIndex=hit.seriesIndex??0;const context={seriesIndex,pointIndex:hit.index,index:hit.index,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:cartesian.xScale.invert(hostX),dataY:cartesian.yScale.invert(hostY),mode:tooltipSpec.mode,stackTotal:hit.segment?.groupTotal,stackPercent:hit.segment?.percent};const anchor=cartesianTooltipAnchor({frame:{plot:cartesian.plot},hit:{cssX:hit.cssX,cssY:hit.cssY},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 seriesForHit=this.series?.[seriesIndex];const seriesIdentity=resolveSeriesIdentity(seriesForHit,seriesIndex);const seriesTooltip=resolveSeriesTooltipSpec(seriesForHit,seriesIdentity);const effectiveFormat=pickEffectiveTooltipFormatter(tooltipSpec,seriesTooltip);const text=safeChartFormatter(effectiveFormat,[hit.value,context],()=>`${hit.index}: ${Number.isInteger(hit.value)?hit.value:hit.value.toFixed(2)}`,"tooltip.format");const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:hit.cssX,pointCssY:hit.cssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const first=Number(dash[0]);const second=Number(dash[1]);const mark=Math.max(1,Number.isFinite(first)?first:4);const gap=Math.max(1,Number.isFinite(second)?second:mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(cartesian){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cartesianCursor)return null;const{plot}=cartesian;const color=spec.color??"var(--sy-crosshair-color, rgba(0,0,0,0.35))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-column-chart__crosshair",style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-column-chart__crosshair-line sy-column-chart__crosshair-line--v",style:{position:"absolute",left:`${this.cartesianCursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-column-chart__crosshair-line sy-column-chart__crosshair-line--h",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cartesianCursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}renderDataLabels(cartesian){if(!this.hasExplicitSeries())return null;const seriesArr=this.series;const bundle=this.buildBarLayout(cartesian);if(bundle.entries.length===0)return null;const labels=[];for(let order=0;order<bundle.entries.length;order++){const entry=bundle.entries[order];const series=seriesArr[entry.sourceIndex];const resolved=resolveSeriesDataLabels(series);if(!resolved.enabled)continue;const identity=resolveSeriesIdentity(series,entry.sourceIndex);const bars=bundle.barsByOrder[order];for(let i=0;i<bars.length;i++){const bar=bars[i];const segment=bundle.layout.segmentByOrder[order]?.[i];if(!bar||!segment||bar.width<=0||bar.height<=0)continue;const value=segment.value;if(resolved.filter&&resolved.filter({value,pointIndex:i})===false)continue;const cx=cartesian.plot.x+bar.x+bar.width/2;const cy=cartesian.plot.y+bar.y;const text=resolved.formatter?resolved.formatter({value,pointIndex:i,seriesIndex:entry.sourceIndex,seriesId:identity.id,seriesName:identity.name}):typeof resolved.format==="string"&&resolved.format.length>0?resolved.format.replace(/\{value\}/g,String(value)).replace(/\{point\.y\}/g,String(value)):String(value);labels.push({x:cx,y:cy-resolved.padding,text,color:resolved.color,align:resolved.align,verticalAlign:resolved.verticalAlign})}}if(labels.length===0)return null;return h("div",{class:"sy-column-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-column-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)}))}shouldRenderVectorColumnSurface(bundle){return shouldRenderStackedVectorSurface(bundle.layout,bundle.entries.length*bundle.pointCount)}vectorColumnSeriesOpacity(entry,entryCount){const baseOpacity=finiteOpacityValue(entry.series?.opacity);const active=this.resolvedActiveSeriesIndex();if(active===void 0||entryCount<2||this.seriesState?.enabled===false)return baseOpacity;if(entry.sourceIndex===active)return baseOpacity;return baseOpacity*finiteOpacityValue(this.seriesState?.inactive?.opacity,.35)}vectorColumnPointOpacity(pointIndex){if(this.inactiveOtherPoints!==true||this.activePointIndex===null||this.activePointIndex===pointIndex){return 1}return finiteOpacityValue(this.inactivePointOpacity,.2)}vectorColumnColor(entry,value){const zones=resolveSeriesZones(entry.series);const zoneColor=pickColumnZoneColor(zones,value);if(zoneColor)return zoneColor;const seriesColor=entry.series?.color;return typeof seriesColor==="string"&&seriesColor.length>0?seriesColor:this.color}renderColumnBarsSvg(cartesian,bundle){if(!this.shouldRenderVectorColumnSurface(bundle))return null;const{plot}=cartesian;const rects=[];for(let order=0;order<bundle.entries.length;order++){const entry=bundle.entries[order];const bars=bundle.barsByOrder[order];const seriesOpacity=this.vectorColumnSeriesOpacity(entry,bundle.entries.length);for(let i=0;i<bars.length;i++){const bar=bars[i];const segment=bundle.layout.segmentByOrder[order]?.[i];if(!bar||!segment||bar.width<=0||bar.height<=0)continue;const opacity=seriesOpacity*this.vectorColumnPointOpacity(i);const fill=this.vectorColumnColor(entry,segment.value);const opacityAttr=opacity<1?`${opacity}`:void 0;const hasRadii=Array.isArray(bar.cornerRadii)&&bar.cornerRadii.some(r=>r>0);const strokeWidth=bar.borderWidth&&bar.borderWidth>0?bar.borderWidth:0;const strokeColor=strokeWidth>0?bar.borderColor??resolveAutoColumnBorderColor(fill):void 0;const dashAttr=bar.borderDash&&bar.borderDash.length>0?bar.borderDash.join(" "):void 0;const dotCap=isRoundDotDash(bar.borderDash)?"round":void 0;if(hasRadii){rects.push(h("path",{class:"sy-column-chart__vector-bar",d:roundedBarPathD(bar),fill,opacity:opacityAttr,stroke:strokeColor??void 0,"stroke-width":strokeWidth>0?strokeWidth:void 0,"stroke-dasharray":dashAttr,"stroke-linecap":dotCap,"stroke-linejoin":dotCap,"shape-rendering":dotCap?"geometricPrecision":void 0}))}else{rects.push(h("rect",{class:"sy-column-chart__vector-bar",x:bar.x,y:bar.y,width:bar.width,height:bar.height,fill,opacity:opacityAttr,stroke:strokeColor??void 0,"stroke-width":strokeWidth>0?strokeWidth:void 0,"stroke-dasharray":dashAttr,"stroke-linecap":dotCap,"stroke-linejoin":dotCap,"shape-rendering":dotCap?"geometricPrecision":void 0}))}}}for(const bar of bundle.borderBars){const strokeWidth=bar.borderWidth&&bar.borderWidth>0?bar.borderWidth:0;if(strokeWidth<=0||bar.width<=0||bar.height<=0)continue;if(isRoundDotDash(bar.borderDash)){rects.push(...renderColumnBorderDots(bar,strokeWidth,"sy-column-chart__vector-bar sy-column-chart__vector-stack-border"));continue}const dashAttr=bar.borderDash&&bar.borderDash.length>0?bar.borderDash.join(" "):void 0;const dotCap=isRoundDotDash(bar.borderDash)?"round":void 0;const hasRadii=Array.isArray(bar.cornerRadii)&&bar.cornerRadii.some(r=>r>0);if(hasRadii){rects.push(h("path",{class:"sy-column-chart__vector-bar sy-column-chart__vector-stack-border",d:roundedBarPathD(bar),fill:"none",stroke:bar.borderColor??"#111827","stroke-width":strokeWidth,"stroke-dasharray":dashAttr,"stroke-linecap":dotCap,"stroke-linejoin":dotCap,"shape-rendering":dotCap?"geometricPrecision":void 0}))}else{rects.push(h("rect",{class:"sy-column-chart__vector-bar sy-column-chart__vector-stack-border",x:bar.x,y:bar.y,width:bar.width,height:bar.height,fill:"none",stroke:bar.borderColor??"#111827","stroke-width":strokeWidth,"stroke-dasharray":dashAttr,"stroke-linecap":dotCap,"stroke-linejoin":dotCap,"shape-rendering":dotCap?"geometricPrecision":void 0}))}}return h("svg",{class:"sy-column-chart__vector-surface",width:plot.width,height:plot.height,viewBox:`0 0 ${plot.width} ${plot.height}`,"shape-rendering":"crispEdges","aria-hidden":"true",style:{position:"absolute",left:`${Math.round(plot.x)}px`,top:`${Math.round(plot.y)}px`,width:`${plot.width}px`,height:`${plot.height}px`,overflow:"visible",pointerEvents:"auto",zIndex:"1"},onPointerDown:this.handleZoomPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onPointerLeave:this.handlePointerLeave,onContextMenu:this.handlePointContextMenu,onClick:this.handlePointerClick},h("rect",{class:"sy-column-chart__vector-background",x:"0",y:"0",width:plot.width,height:plot.height,fill:"var(--background-default, #ffffff)"}),rects)}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-column-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-column-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-column-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`${hit.seriesIndex??0}:${hit.index}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const sameSeries=tooltip.context.seriesIndex===(hit.seriesIndex??0);const samePoint=tooltip.context.pointIndex===hit.index;if(!sameSeries||!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};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}renderAxisOverlay(cartesian){const{outer,plot,xTicks:xTicksRaw,xGridLines,yGridLines,titleRect,subtitleRect,axes}=cartesian;const tickLabel=t=>t.label??(Number.isInteger(t.value)?`${t.value}`:t.value.toFixed(2));const xAxisItems=(cartesian.xAxes.length>0?cartesian.xAxes:[{key:"0",axis:axes.x,scale:cartesian.xScale,ticks:xTicksRaw,gridLines:xGridLines,side:axes.x.position==="top"?"top":"bottom",offset:0}]).map(entry=>({...entry,ticks:thinAxisTicks(entry.ticks,{plotSize:plot.width,orientation:"horizontal",format:tickLabel,measureText:(text,size)=>this.axisTextMeasurer(text,size).width}),top:entry.side==="top"}));const xGrid=thinGridLines(xGridLines,"x",plot.width);const yGrid=thinGridLines(yGridLines,"y",plot.height);const localX=x=>x-outer.x;const localY=y=>y-outer.y;const yAxisItems=(cartesian.yAxes.length>0?cartesian.yAxes:[{key:"0",axis:axes.y,scale:cartesian.yScale,ticks:cartesian.yTicks,gridLines:cartesian.yGridLines,side:"left",offset:0}]).map(entry=>{const right=entry.side==="right";const thinnedTicks=thinAxisTicks(entry.ticks,{plotSize:plot.height,orientation:"vertical",format:tickLabel,measureText:(text,size)=>this.axisTextMeasurer(text,size).width});return{...entry,ticks:thinnedTicks,right,offset:entry.offset}});return h("div",{class:"sy-column-chart__axis-overlay",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y}px`,width:`${outer.width}px`,height:`${outer.height}px`,pointerEvents:"none"}},titleRect&&this.chartTitle&&h("div",{class:"sy-column-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-column-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),xGrid.map(line=>h("div",{class:"sy-column-chart__grid-line sy-column-chart__grid-line--x",style:{position:"absolute",left:`${localX(line.x)}px`,top:`${localY(plot.y)}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),yGrid.map(line=>h("div",{class:"sy-column-chart__grid-line sy-column-chart__grid-line--y",style:{position:"absolute",left:`${localX(plot.x)}px`,top:`${localY(line.y)}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),xAxisItems.flatMap(axisItem=>axisItem.ticks.map(t=>h("div",{class:"sy-column-chart__axis-label sy-column-chart__axis-label--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${localX(t.position)-28}px`,top:`${axisItem.top?localY(plot.y)-18-axisItem.offset:localY(plot.y+plot.height)+4+axisItem.offset}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t)))),yAxisItems.flatMap(axisItem=>axisItem.ticks.map(t=>h("div",{class:"sy-column-chart__axis-label sy-column-chart__axis-label--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?localX(plot.x+plot.width)+4+axisItem.offset:localX(plot.x)-46-axisItem.offset}px`,top:`${localY(t.position)-7}px`,width:"42px",textAlign:axisItem.right?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t)))),xAxisItems.filter(axisItem=>axisItem.axis.label).map(axisItem=>h("div",{class:"sy-column-chart__axis-title sy-column-chart__axis-title--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${localX(plot.x)}px`,top:`${axisItem.top?localY(plot.y)-40-axisItem.offset:localY(plot.y+plot.height)+26+axisItem.offset}px`,width:`${plot.width}px`,textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},axisItem.axis.label)),yAxisItems.filter(axisItem=>axisItem.axis.label).map(axisItem=>{const yTitleVisualLeft=axisItem.right?localX(plot.x+plot.width)+52+axisItem.offset:localX(plot.x)-68-axisItem.offset;return h("div",{class:"sy-column-chart__axis-title sy-column-chart__axis-title--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.right?yTitleVisualLeft+16:yTitleVisualLeft}px`,top:`${axisItem.right?localY(plot.y):localY(plot.y+plot.height)}px`,width:`${plot.height}px`,height:"16px",lineHeight:"16px",textAlign:"center",whiteSpace:"nowrap",transform:axisItem.right?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"left top",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},axisItem.axis.label)}))}renderAxisLinesOverlay(cartesian){const{plot,axes}=cartesian;const axisColor="var(--sy-axis-line-color, rgba(17, 24, 39, 0.42))";const xAxisLineItems=(cartesian.xAxes.length>0?cartesian.xAxes:[{key:"0",axis:axes.x,side:axes.x.position==="top"?"top":"bottom",offset:0}]).map(entry=>({key:entry.key,y:entry.side==="top"?plot.y-entry.offset:plot.y+plot.height+entry.offset}));const yAxisLineItems=cartesian.yAxes.length>0?cartesian.yAxes:[{key:"0",axis:axes.y,side:"left",offset:0}];const baselineValue=typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:axes.y.kind==="log"?cartesian.yScale.domain()[0]:0;const baselineRaw=cartesian.yScale(baselineValue);const baselineCss=Number.isFinite(baselineRaw)?Math.min(Math.max(baselineRaw,plot.y),plot.y+plot.height):Number.NaN;const baselineInsidePlot=Number.isFinite(baselineCss);const zeroLineColor="var(--sy-axis-zero-color, rgba(17, 24, 39, 0.78))";const renderXAxisLine=lineY=>!(baselineInsidePlot&&Math.abs(Math.round(baselineCss)-Math.round(lineY))<=.5);return h("div",{class:"sy-column-chart__axis-lines-overlay","aria-hidden":"true",style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},xAxisLineItems.map(axisItem=>h("div",{class:"sy-column-chart__axis-line sy-column-chart__axis-line--x","data-axis-key":axisItem.key,style:{position:"absolute",left:`${plot.x}px`,top:`${axisItem.y}px`,width:`${plot.width}px`,height:"1px",background:axisColor,display:renderXAxisLine(axisItem.y)?void 0:"none"}})),yAxisLineItems.map(axisItem=>h("div",{class:"sy-column-chart__axis-line sy-column-chart__axis-line--y","data-axis-key":axisItem.key,style:{position:"absolute",left:`${axisItem.side==="right"?plot.x+plot.width+axisItem.offset:plot.x-axisItem.offset}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:axisColor}})),baselineInsidePlot&&h("div",{class:"sy-column-chart__axis-line sy-column-chart__axis-line--zero",style:{position:"absolute",left:`${plot.x}px`,top:`${Math.round(baselineCss)}px`,width:`${plot.width}px`,height:"1px",background:zeroLineColor}}))}plotRectFromLegend(layout){const fallback={x:0,y:0,width:Math.max(1,this.width),height:Math.max(1,this.height)};if(!layout?.remainingOuter)return snapCssRect(fallback);return snapCssRect({x:layout.remainingOuter.x,y:layout.remainingOuter.y,width:Math.max(1,layout.remainingOuter.width),height:Math.max(1,layout.remainingOuter.height)})}buildLegendLayout(){const items=this.resolveLegendItems();if(items.length===0)return null;const layout=this.applyLegendFloatPosition(computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,floatAlign:this.legendFloatAlign,floatVerticalAlign:this.legendFloatVerticalAlign,gap:COLUMN_CHART_LEGEND_ITEM_GAP,swatchSize:COLUMN_CHART_LEGEND_SWATCH_SIZE,swatchLabelGap:COLUMN_CHART_LEGEND_SWATCH_LABEL_GAP,rowGap:COLUMN_CHART_LEGEND_ROW_GAP,fontSize:COLUMN_CHART_LEGEND_FONT_SIZE,padding:this.legendLayoutPadding(),color:"var(--sy-axis-color, #111827)"}));return{layout,items}}legendLayoutPadding(){if(this.legendPosition==="top"){return{top:COLUMN_CHART_LEGEND_EDGE_PADDING,right:COLUMN_CHART_LEGEND_EDGE_PADDING,bottom:COLUMN_CHART_LEGEND_PLOT_GAP,left:COLUMN_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="bottom"){return{top:COLUMN_CHART_LEGEND_PLOT_GAP,right:COLUMN_CHART_LEGEND_EDGE_PADDING,bottom:COLUMN_CHART_LEGEND_EDGE_PADDING,left:COLUMN_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="left"){return{top:COLUMN_CHART_LEGEND_EDGE_PADDING,right:COLUMN_CHART_LEGEND_PLOT_GAP,bottom:COLUMN_CHART_LEGEND_EDGE_PADDING,left:COLUMN_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="right"){return{top:COLUMN_CHART_LEGEND_EDGE_PADDING,right:COLUMN_CHART_LEGEND_EDGE_PADDING,bottom:COLUMN_CHART_LEGEND_EDGE_PADDING,left:COLUMN_CHART_LEGEND_PLOT_GAP}}return{top:COLUMN_CHART_LEGEND_FLOAT_PADDING,right:COLUMN_CHART_LEGEND_FLOAT_PADDING,bottom:COLUMN_CHART_LEGEND_FLOAT_PADDING,left:COLUMN_CHART_LEGEND_FLOAT_PADDING}}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)}]}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",touchAction:this.canDragLegend(layout)?"none":"auto",boxSizing:"border-box"};if(this.canDragLegend(layout)){containerStyle.cursor=this.legendDrag?"grabbing":"grab"}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-column-chart__legend",role:"list",style:containerStyle,onPointerDown:e=>this.handleLegendPointerDown(e,layout),onPointerMove:e=>this.handleLegendPointerMove(e,layout),onPointerUp:e=>this.handleLegendPointerUp(e),onPointerCancel:e=>this.handleLegendPointerUp(e),onClick:e=>this.handleLegendClick(e,layout)},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 swatchStyle={flex:"0 0 auto",width:`${COLUMN_CHART_LEGEND_SWATCH_SIZE}px`,height:`${COLUMN_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-column-chart__legend-item":true,"sy-column-chart__legend-item--disabled":disabled},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:`${COLUMN_CHART_LEGEND_SWATCH_LABEL_GAP}px`,lineHeight:`${COLUMN_CHART_LEGEND_SWATCH_SIZE}px`,boxSizing:"border-box",whiteSpace:"nowrap",cursor:"pointer",opacity:disabled?"0.45":"1"}},h("span",{class:"sy-column-chart__legend-swatch",style:swatchStyle}),h("span",{class:"sy-column-chart__legend-label",style:{display:"block",color:"inherit",lineHeight:`${COLUMN_CHART_LEGEND_SWATCH_SIZE}px`,textDecoration:disabled?"line-through":"none"}},item.label))}handleLegendClick(e,layout){if(this.suppressNextLegendClick){this.suppressNextLegendClick=false;return}if(!layout.legendRect||layout.itemRects.length===0)return;const target=e.target;const host=target?.closest(".sy-column-chart__legend");if(!host)return;const rect=host.getBoundingClientRect();const pointerX=e.clientX-rect.left+layout.legendRect.x;const pointerY=e.clientY-rect.top+layout.legendRect.y;const hit=hitTestLegend({legendRect:layout.legendRect,itemRects:layout.itemRects,pointerX,pointerY,tolerance:2});if(hit.index===null)return;const items=this.resolveLegendItems();const previous=this.normalizedLegendToggle(items.length);const next=toggleLegendItem(previous,hit.index);if(next===previous)return;this.legendToggle=next;const nowDisabled=isLegendItemDisabled(next,hit.index);const item=items[hit.index];const sourceIndex=typeof item?.seriesIndex==="number"?item.seriesIndex:hit.index;const seriesAtIndex=this.series?.[sourceIndex];const identity=resolveSeriesIdentity(seriesAtIndex,sourceIndex);this.legendItemClick.emit({index:hit.index,seriesIndex:sourceIndex,seriesId:identity.id,seriesName:identity.name,label:item?.label??"",disabled:nowDisabled});this.seriesToggled.emit({index:hit.index,seriesIndex:sourceIndex,seriesId:identity.id,seriesName:identity.name,disabled:nowDisabled});this.invokeSeriesEvent(sourceIndex,"legendItemClick");this.invokeSeriesEvent(sourceIndex,nowDisabled?"hide":"show");this.reEvaluateEngine();this.scheduleDraw()}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)}applyLegendFloatPosition(layout){if(this.legendPosition!=="float"||!layout.legendRect||!this.legendFloatPosition){return layout}const dx=this.legendFloatPosition.x-layout.legendRect.x;const dy=this.legendFloatPosition.y-layout.legendRect.y;if(dx===0&&dy===0)return layout;return{...layout,legendRect:this.translateLegendRect(layout.legendRect,dx,dy),itemRects:layout.itemRects.map(rect=>({...this.translateLegendRect(rect,dx,dy),swatchRect:this.translateLegendRect(rect.swatchRect,dx,dy),labelRect:this.translateLegendRect(rect.labelRect,dx,dy)}))}}translateLegendRect(rect,dx,dy){return{...rect,x:rect.x+dx,y:rect.y+dy}}handleLegendPointerDown(e,layout){if(!this.canDragLegend(layout))return;e.preventDefault();const rect=layout.legendRect;if(!this.legendFloatPosition){this.legendFloatPosition=createLegendPositionState(rect.x,rect.y)}this.legendDrag={pointerId:e.pointerId,lastX:e.clientX,lastY:e.clientY,moved:false};e.currentTarget.setPointerCapture?.(e.pointerId)}handleLegendPointerMove(e,layout){if(!this.canDragLegend(layout))return;const drag=this.legendDrag;if(!drag||drag.pointerId!==e.pointerId||!layout.legendRect)return;const dx=e.clientX-drag.lastX;const dy=e.clientY-drag.lastY;if(dx===0&&dy===0)return;const next=dragLegendBy(this.legendFloatPosition??createLegendPositionState(layout.legendRect.x,layout.legendRect.y),dx,dy,{x:0,y:0,width:this.width,height:this.height},{width:layout.legendRect.width,height:layout.legendRect.height});this.legendFloatPosition=next;drag.lastX=e.clientX;drag.lastY=e.clientY;drag.moved=true}handleLegendPointerUp(e){const drag=this.legendDrag;if(!drag||drag.pointerId!==e.pointerId)return;e.currentTarget.releasePointerCapture?.(e.pointerId);this.suppressNextLegendClick=drag.moved;this.legendDrag=void 0}canDragLegend(layout){return this.legendDraggable&&this.legendPosition==="float"&&!!layout.legendRect}proAvailability(){{return{available:false,reason:"Pro renderer not included in this build",code:rendererCodeOf(false)}}}fallbackToStandard(reason){console.warn(`[Syidax] sy-column-chart: Pro renderer failed, falling back to Standard (${reason}).`);this.autoLockedToPro=false;this.activeTier="standard";this.fallbackReason=reason;this.degradedReason=void 0;this.engineOutcome=engineFailureOutcome(reason)}warnFeatureFallback(reason){if(!reason||this.lastFeatureFallbackReason===reason)return;this.lastFeatureFallbackReason=reason;console.warn(`[Syidax] sy-column-chart: auto mode stayed on Standard because ${reason}.`)}warnDegraded(reason){if(!reason||this.lastDegradedReason===reason)return;this.lastDegradedReason=reason;console.warn(`[Syidax] sy-column-chart: Pro renderer is active with degraded output because ${reason}.`)}render(){const legend=this.legend?this.buildLegendLayout():null;const cartesian=this.computeCartesianLayout();const plot=cartesian.plot;const columnBundle=this.buildBarLayout(cartesian);const vectorColumnSurface=this.shouldRenderVectorColumnSurface(columnBundle);const zoomSpec=this.zoomSpec();return h(Host,{key:"de81dce65b1a0f892b1ddf6af43d0f77911a5d7f",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,onContextMenu:this.handlePointContextMenu,"data-sy-brand-host":"chart"},this.renderAxisOverlay(cartesian),h("canvas",{class:{"sy-column-chart__canvas":true,"sy-column-chart__canvas--standard":this.activeTier==="standard","sy-column-chart__canvas--pro":this.activeTier==="pro"},style:{position:"absolute",left:`${Math.round(plot.x)}px`,top:`${Math.round(plot.y)}px`,opacity:vectorColumnSurface?"0":void 0,pointerEvents:vectorColumnSurface?"none":void 0},key:`sy-column-canvas-${this.activeTier}`,ref:el=>{const remounted=!!el&&el!==this.canvas;this.canvas=el;if(el){this.canvasTier=this.activeTier;if(remounted)this.scheduleDraw()}},onPointerDown:this.handleZoomPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onPointerLeave:this.handlePointerLeave,onContextMenu:this.handlePointContextMenu,onClick:this.handlePointerClick}),this.renderColumnBarsSvg(cartesian,columnBundle),this.renderAxisLinesOverlay(cartesian),this.renderCrosshair(cartesian),this.renderZoomOverlay(cartesian),this.renderBrushOverlay(cartesian),this.renderDrawingOverlay(cartesian),this.renderDataLabels(cartesian),legend&&this.renderLegend(legend),this.renderTooltipConnector(),this.renderTooltip(),this.fallbackReason&&h("span",{key:"ac23e08c437f27dbbe5568ea5b736bc077dd3b43",class:"sy-column-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.degradedReason&&h("span",{key:"dffc3ecae84f03b7c2892b3f5ea1415085976999",class:"sy-column-chart__watermark sy-column-chart__watermark--degraded",title:this.degradedReason},"Syidax - Pro degraded"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot}))}static get watchers(){return{"width":[{"handleCanvasSizeChange":0}],"height":[{"handleCanvasSizeChange":0}],"values":[{"handleValuesChange":0}],"series":[{"handleInputsChange":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}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"streamSource":[{"handleStreamBindingChange":0}],"streamMax":[{"handleStreamBindingChange":0}],"streamWindow":[{"handleStreamWindowChange":0}],"seriesActiveTrigger":[{"handleSeriesActiveTriggerChange":0}],"legendPosition":[{"handleLegendAnchorChange":0}],"legendFloatAlign":[{"handleLegendAnchorChange":0}],"legendFloatVerticalAlign":[{"handleLegendAnchorChange":0}],"xAxis":[{"handleCartesianFrameChange":0}],"yAxis":[{"handleCartesianFrameChange":0}],"chartTitle":[{"handleCartesianFrameChange":0}],"chartSubtitle":[{"handleCartesianFrameChange":0}],"gridLines":[{"handleCartesianFrameChange":0}],"drawingMode":[{"handleDrawingModeChange":0}],"drawings":[{"onDrawingsProp":0}],"visualMap":[{"onVisualMapProp":0}]}}};function hasColumnGaps(values){for(let i=0;i<values.length;i++){const v=values[i];if(typeof v==="bigint")continue;if(typeof v!=="number"||!Number.isFinite(v))return true}return false}SyColumnChart.style=syColumnChartCss();export{SyColumnChart as sy_column_chart};

package/dist/esm/sy-data-zoom.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{n as normalizeDataZoomExtent,r as resolveDataZoomWindow,d as dataZoomWindowsEqual,i as isFullDataZoomWindow,a as dataZoomTrackFor,b as dataZoomSpanForPixels,c as dragDataZoomWindow,p as pageDataZoomWindow,e as dataZoomTrackValue,f as applyDataZoomKeyAction,D as DATA_ZOOM_TRACK_PAD,g as dataZoomWindowPixels,h as formatDataZoomValue,k as keyboardDataZoomAction}from"./data-zoom-model-C76mzN9Y.js";import{w as whenTargetDefined,r as resolveDataZoomTarget}from"./data-zoom-target-Dd9TQ3qQ.js";import"./zoom-window-D6sPnRDQ.js";const syDataZoomCss=()=>`:host{display:inline-block;position:relative;vertical-align:top;border-radius:4px;overflow:visible}:host(:focus-visible){outline:2px solid var(--sy-data-zoom-accent, #2563eb);outline-offset:2px}.sy-data-zoom__svg{display:block;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none}.sy-data-zoom__track{fill:var(--sy-data-zoom-track, #f1f5f9);stroke:var(--sy-data-zoom-track-border, #e2e8f0);cursor:pointer}.sy-data-zoom__window{fill:var(--sy-data-zoom-window, rgba(37, 99, 235, 0.14));stroke:var(--sy-data-zoom-accent, #2563eb)}.sy-data-zoom__handle{fill:var(--sy-data-zoom-accent, #2563eb)}.sy-data-zoom__handle-hit{fill:rgba(0,0,0,0);stroke:none}.sy-data-zoom__handle-grip{fill:none;stroke:var(--sy-data-zoom-grip, rgba(255, 255, 255, 0.85));stroke-width:1;pointer-events:none}.sy-data-zoom__handle-group:hover .sy-data-zoom__handle,.sy-data-zoom--dragging-handle-min .sy-data-zoom__handle-group[data-edge=min] .sy-data-zoom__handle,.sy-data-zoom--dragging-handle-max .sy-data-zoom__handle-group[data-edge=max] .sy-data-zoom__handle{fill:var(--sy-data-zoom-accent-hover, #1d4ed8)}.sy-data-zoom__window:hover,.sy-data-zoom--dragging-window .sy-data-zoom__window{fill:var(--sy-data-zoom-window-hover, rgba(37, 99, 235, 0.22))}.sy-data-zoom--dragging-window .sy-data-zoom__svg{cursor:grabbing}.sy-data-zoom--dragging-handle-min .sy-data-zoom__svg,.sy-data-zoom--dragging-handle-max .sy-data-zoom__svg{cursor:ew-resize}.sy-data-zoom--vertical.sy-data-zoom--dragging-handle-min .sy-data-zoom__svg,.sy-data-zoom--vertical.sy-data-zoom--dragging-handle-max .sy-data-zoom__svg{cursor:ns-resize}.sy-data-zoom__label{fill:var(--sy-data-zoom-label, #475569);font:11px/1 var(--font-family, system-ui, -apple-system, "Segoe UI", sans-serif);pointer-events:none}.sy-data-zoom--disabled .sy-data-zoom__window,.sy-data-zoom--disabled .sy-data-zoom__handle{opacity:.4}.sy-data-zoom--disabled .sy-data-zoom__track{cursor:default}.sy-data-zoom--empty .sy-data-zoom__track{cursor:default;opacity:.6}`;const TRACK_PAD=DATA_ZOOM_TRACK_PAD;const HANDLE_SIZE=6;const HANDLE_HIT_PAD=6;const LABEL_GAP=4;const SyDataZoom=class{constructor(hostRef){registerInstance(this,hostRef);this.rangeChange=createEvent(this,"rangeChange",7)}get host(){return getElement(this)}for;target;orientation="horizontal";axis;width=640;height=28;minRangePx=8;stepFraction=.1;showLabels=true;format;disabled=false;extent=null;window=null;dragging=null;axisKey=null;rangeChange;boundTarget=null;drag=null;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;if(!this.hasLoaded)return;this.bindTarget()}componentDidLoad(){this.hasLoaded=true;this.bindTarget()}disconnectedCallback(){this.detached=true;this.unbindTarget();this.drag=null;this.dragging=null}onTargetChange(){this.bindTarget()}onAxisChange(){void this.refresh()}async refresh(){const target=this.boundTarget;if(!target){this.extent=null;this.window=null;this.axisKey=null;return}await whenTargetDefined(target);if(!target.getZoomExtent)return;const request=this.orientation==="horizontal"?{xAxis:this.axis}:{yAxis:this.axis};const detail=await target.getZoomExtent(request);const axisExtent=this.orientation==="horizontal"?detail?.x:detail?.y;this.axisKey=axisExtent?.key??null;this.extent=normalizeDataZoomExtent(axisExtent);if(this.drag)return;this.adoptState(await target.getZoom?.()??null)}async setWindow(window){this.commit(window?resolveDataZoomWindow(window,this.extent??{min:0,max:1},this.minSpan()):null,false,"api");return this.window}async getWindow(){return this.window}async getExtent(){return this.extent}resolveTarget(){const root=this.host.getRootNode();return resolveDataZoomTarget(this.target,this.for,root,typeof document!=="undefined"?document:null)}bindTarget(){if(this.detached)return;const next=this.resolveTarget();if(next!==this.boundTarget){this.unbindTarget();this.boundTarget=next;if(next){next.addEventListener("zoomChange",this.handleTargetZoomChange);next.addEventListener("rendered",this.handleTargetRendered)}}void this.refresh()}unbindTarget(){const target=this.boundTarget;if(!target)return;target.removeEventListener("zoomChange",this.handleTargetZoomChange);target.removeEventListener("rendered",this.handleTargetRendered);this.boundTarget=null}handleTargetZoomChange=event=>{if(this.drag)return;const before=this.window;this.adoptState(event.detail?.zoom??null);if(event.detail?.source==="slider")return;if(!dataZoomWindowsEqual(before,this.window))this.rangeChange.emit({window:this.window,source:"chart",live:false})};handleTargetRendered=()=>{if(this.drag)return;void this.refresh()};adoptState(state){const extent=this.extent;const key=this.axisKey;if(!extent||key===null){this.window=null;return}const windows=this.orientation==="horizontal"?state?.x:state?.y;const window=windows?.[key];this.window=window&&!isFullDataZoomWindow(window,extent)?resolveDataZoomWindow(window,extent):null}axisTrack(){return dataZoomTrackFor(this.orientation,this.width,this.height)}minSpan(){const extent=this.extent;if(!extent)return 0;return dataZoomSpanForPixels(this.minRangePx,extent,this.axisTrack())}fullWindow(){const extent=this.extent;return extent?{min:extent.min,max:extent.max}:null}axisPx(e){const rect=this.host.getBoundingClientRect();return this.orientation==="horizontal"?e.clientX-rect.left:e.clientY-rect.top}commit(next,live,source){const extent=this.extent;if(!extent)return;const resolved=next?resolveDataZoomWindow(next,extent,this.minSpan()):null;const window=resolved&&!isFullDataZoomWindow(resolved,extent)?resolved:null;const changed=!dataZoomWindowsEqual(this.window,window);this.window=window;const target=this.boundTarget;if(target?.zoomTo){const request={source:source==="api"?"api":"slider"};if(live)request.live=true;const pair=window?[window.min,window.max]:null;if(this.orientation==="horizontal"){request.x=pair;if(this.axis!==void 0)request.xAxis=this.axis}else{request.y=pair;if(this.axis!==void 0)request.yAxis=this.axis}void target.zoomTo(request)}if(changed||!live)this.rangeChange.emit({window,source,live})}onPartPointerDown(kind,e){if(this.disabled||!this.extent||e.button!==0)return;e.preventDefault();e.stopPropagation();e.currentTarget?.setPointerCapture?.(e.pointerId);const startWindow=this.window??this.fullWindow();if(!startWindow)return;this.drag={kind,pointerId:e.pointerId,startPx:this.axisPx(e),startWindow,moved:false};this.dragging=kind}onPartPointerMove=e=>{const drag=this.drag;const extent=this.extent;if(!drag||drag.pointerId!==e.pointerId||!extent)return;const next=dragDataZoomWindow(drag.kind,drag.startWindow,this.axisPx(e)-drag.startPx,extent,this.axisTrack(),this.minSpan());if(!drag.moved&&dataZoomWindowsEqual(next,drag.startWindow))return;drag.moved=true;this.commit(next,true,"slider")};onPartPointerUp=e=>{const drag=this.drag;if(!drag||drag.pointerId!==e.pointerId)return;this.drag=null;this.dragging=null;e.currentTarget?.releasePointerCapture?.(e.pointerId);if(drag.moved)this.commit(this.window,false,"slider")};onPartPointerCancel=()=>{const drag=this.drag;this.drag=null;this.dragging=null;if(drag?.moved)this.commit(this.window,false,"slider")};onTrackClick=e=>{const extent=this.extent;const window=this.window;if(this.disabled||!extent||!window)return;this.commit(pageDataZoomWindow(window,extent,dataZoomTrackValue(this.axisPx(e),extent,this.axisTrack())),false,"slider")};onKeyDown=e=>{const extent=this.extent;if(this.disabled||!extent)return;const action=keyboardDataZoomAction(e);if(!action)return;e.preventDefault();const window=this.window??this.fullWindow();if(!window)return;this.commit(applyDataZoomKeyAction(action,window,extent,this.stepFraction,this.minSpan()),false,"slider")};render(){const horizontal=this.orientation==="horizontal";const extent=this.extent;const track=this.axisTrack();const window=extent?this.window??{min:extent.min,max:extent.max}:null;const px=extent&&window?dataZoomWindowPixels(window,extent,track):null;const lo=px?Math.min(px.start,px.end):0;const hi=px?Math.max(px.start,px.end):0;const trackLo=Math.min(track.start,track.end);const trackHi=Math.max(track.start,track.end);const thickness=Math.max(4,(horizontal?this.height:this.width)-2*TRACK_PAD);const zoomed=!!(extent&&this.window);const label=value=>formatDataZoomValue(value,this.format);const windowCursor=this.disabled?"default":this.dragging==="window"?"grabbing":"grab";const handleCursor=this.disabled?"default":horizontal?"ew-resize":"ns-resize";const textY=horizontal?TRACK_PAD+thickness/2+4:void 0;const labelX=horizontal?void 0:TRACK_PAD+thickness+LABEL_GAP;const handle=(edge,at)=>{const gripA=TRACK_PAD+thickness*.3;const gripB=TRACK_PAD+thickness*.7;const grip=horizontal?`M ${(at-1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)} M ${(at+1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)}`:`M ${gripA.toFixed(1)} ${(at-1.5).toFixed(1)} H ${gripB.toFixed(1)} M ${gripA.toFixed(1)} ${(at+1.5).toFixed(1)} H ${gripB.toFixed(1)}`;const kind=edge==="min"?"handle-min":"handle-max";return h("g",{class:"sy-data-zoom__handle-group","data-edge":edge,style:{cursor:handleCursor},onPointerDown:e=>this.onPartPointerDown(kind,e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel},h("rect",{class:"sy-data-zoom__handle-hit",x:horizontal?at-HANDLE_SIZE/2-HANDLE_HIT_PAD:TRACK_PAD-HANDLE_HIT_PAD,y:horizontal?TRACK_PAD-HANDLE_HIT_PAD:at-HANDLE_SIZE/2-HANDLE_HIT_PAD,width:horizontal?HANDLE_SIZE+2*HANDLE_HIT_PAD:thickness+2*HANDLE_HIT_PAD,height:horizontal?thickness+2*HANDLE_HIT_PAD:HANDLE_SIZE+2*HANDLE_HIT_PAD}),h("rect",{class:"sy-data-zoom__handle","data-edge":edge,x:horizontal?at-HANDLE_SIZE/2:TRACK_PAD,y:horizontal?TRACK_PAD:at-HANDLE_SIZE/2,width:horizontal?HANDLE_SIZE:thickness,height:horizontal?thickness:HANDLE_SIZE,rx:2}),h("path",{class:"sy-data-zoom__handle-grip",d:grip}))};return h(Host,{class:{"sy-data-zoom":true,"sy-data-zoom--vertical":!horizontal,"sy-data-zoom--zoomed":zoomed,"sy-data-zoom--disabled":this.disabled,"sy-data-zoom--empty":!extent,"sy-data-zoom--dragging":this.dragging!==null,[`sy-data-zoom--dragging-${this.dragging??"none"}`]:this.dragging!==null},style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"slider",tabIndex:this.disabled?void 0:0,"aria-label":`Data zoom (${horizontal?"x":"y"})`,"aria-orientation":horizontal?"horizontal":"vertical","aria-valuemin":extent?extent.min:void 0,"aria-valuemax":extent?extent.max:void 0,"aria-valuenow":window?(window.min+window.max)/2:void 0,"aria-valuetext":window?`${label(window.min)} to ${label(window.max)}`:"no data","aria-disabled":this.disabled?"true":void 0,"data-window":window?`${window.min}..${window.max}`:void 0,onKeyDown:this.onKeyDown},h("svg",{class:"sy-data-zoom__svg",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},h("rect",{class:"sy-data-zoom__track",x:horizontal?trackLo:TRACK_PAD,y:horizontal?TRACK_PAD:trackLo,width:horizontal?trackHi-trackLo:thickness,height:horizontal?thickness:trackHi-trackLo,rx:3,onClick:this.onTrackClick}),extent&&px?h("g",{class:"sy-data-zoom__range"},h("rect",{class:"sy-data-zoom__window",x:horizontal?lo:TRACK_PAD,y:horizontal?TRACK_PAD:lo,width:horizontal?Math.max(1,hi-lo):thickness,height:horizontal?thickness:Math.max(1,hi-lo),rx:2,style:{cursor:windowCursor},onPointerDown:e=>this.onPartPointerDown("window",e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel}),handle("min",px.start),handle("max",px.end),this.showLabels&&(zoomed||this.dragging!==null)?h("g",{class:"sy-data-zoom__labels"},h("text",{class:"sy-data-zoom__label","data-edge":"min",x:horizontal?px.start-HANDLE_SIZE/2-LABEL_GAP:labelX,y:horizontal?textY:px.start+4,"text-anchor":horizontal?"end":"start"},label(window.min)),h("text",{class:"sy-data-zoom__label","data-edge":"max",x:horizontal?px.end+HANDLE_SIZE/2+LABEL_GAP:labelX,y:horizontal?textY:px.end+4,"text-anchor":"start"},label(window.max))):null):null))}static get watchers(){return{"for":[{"onTargetChange":0}],"target":[{"onTargetChange":0}],"orientation":[{"onAxisChange":0}],"axis":[{"onAxisChange":0}]}}};SyDataZoom.style=syDataZoomCss();export{SyDataZoom as sy_data_zoom};

package/dist/esm/sy-dot-plot-chart.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,g as getElement,h,H as Host}from"./index-DChj4qx2.js";import{s as safeChartFormatter,r as reportChartFormatterError}from"./safe-formatter-DO6vGxJP.js";import{n as normalizeUnavailableBehaviour,b as buildChartPointContextMenuDetail}from"./point-context-menu-B6K1arcd.js";import{C as ChartStreamingGate,c as chartStreamingInput,a as applyPlainStreamOp,p as plainStreamFrame}from"./chart-streaming-gate-CXnkXyxT.js";import{a as computeCartesianFrame,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{s as snapCategoryCrosshair,r as resolveAutoAxisLabels}from"./auto-labels-DYKIyOfR.js";import{c as capStreamDuration,l as lerpStreamWindow}from"./stream-interp-DTZUbymc.js";import{c as computeLegendLayout}from"./legend-BwM4aW0R.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{a as resolveCartesianAxesSpec,d as resolveCartesianGridLinesSpec,r as resolveCartesianTooltipSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{d as discretize,c as categorical}from"./scheme-BwtrZuf8.js";import{c as resolveColorList,d as resolveTokenList}from"./resolve-CitzwxIw.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement,b as avoidHorizontalLineOverlap}from"./connector-C0f63Npv.js";import{s as standardOnlyEngineStatus}from"./standard-engine-status-mIwM2Z1u.js";import"./chart-license-bridge-BuvMRxsm.js";import"./errors-DUELYDa7.js";import"./zoom-window-D6sPnRDQ.js";import"./brand-mark-default-AzDRbG7D.js";function toFiniteOrNull(value){const v=typeof value==="bigint"?Number(value):value;return typeof v==="number"&&Number.isFinite(v)?v:null}function computeDotPlotModel(series,categories,options={}){const list=Array.isArray(series)?series:[];const categoryCount=list.reduce((max,s)=>Math.max(max,s.values?.length??0),categories?.length??0);const cleaned=list.map(s=>{const values=new Array(categoryCount);for(let c=0;c<categoryCount;c++)values[c]=toFiniteOrNull(s.values?.[c]);return{name:s.name??"",color:s.color,values}});let order=Array.from({length:categoryCount},(_,i)=>i);if(options.sortDescending&&cleaned[0]){order=order.sort((a,b)=>(cleaned[0].values[b]??-Infinity)-(cleaned[0].values[a]??-Infinity)||a-b)}const cats=order.map((sourceIndex,index)=>({index,sourceIndex,label:categories?.[sourceIndex]??String(sourceIndex+1)}));const sortedSeries=cleaned.map(s=>({name:s.name,color:s.color,values:order.map(src=>s.values[src])}));let minValue=0;let maxValue=0;let sawFinite=false;for(const s of sortedSeries){for(const v of s.values){if(v===null)continue;if(!sawFinite){minValue=v;maxValue=v;sawFinite=true}else{minValue=Math.min(minValue,v);maxValue=Math.max(maxValue,v)}}}return{series:sortedSeries,categories:cats,minValue:sawFinite?minValue:0,maxValue:sawFinite?maxValue:1,categoryCount,seriesCount:sortedSeries.length}}function dotPlotBandHeight(plotHeight,n){return n>0?plotHeight/n:plotHeight}function dotPlotRowCenterY(plot,i,n){return plot.y+(i+.5)*dotPlotBandHeight(plot.height,n)}function dotPlotDots(model,plot,valueX){const n=model.categories.length;const dots=[];for(const cat of model.categories){const cy=dotPlotRowCenterY(plot,cat.index,n);for(let s=0;s<model.series.length;s++){const value=model.series[s].values[cat.index];if(value===null)continue;dots.push({categoryIndex:cat.index,seriesIndex:s,category:cat.label,seriesName:model.series[s].name,value,cx:valueX(value),cy})}}return dots}function dotPlotRows(model,plot,valueX){const n=model.categories.length;const rows=[];for(const cat of model.categories){let minX=Infinity;let maxX=-Infinity;for(let s=0;s<model.series.length;s++){const value=model.series[s].values[cat.index];if(value===null)continue;const x=valueX(value);minX=Math.min(minX,x);maxX=Math.max(maxX,x)}if(minX===Infinity)continue;rows.push({categoryIndex:cat.index,category:cat.label,centerY:dotPlotRowCenterY(plot,cat.index,n),minX,maxX})}return rows}function dotPlotMarkerPath(symbol,cx,cy,r){const x=round(cx);const y=round(cy);const rr=round(r);switch(symbol){case"square":return`M ${x-rr} ${y-rr} H ${x+rr} V ${y+rr} H ${x-rr} Z`;case"diamond":return`M ${x} ${y-rr} L ${x+rr} ${y} L ${x} ${y+rr} L ${x-rr} ${y} Z`;case"triangle":return`M ${x} ${round(cy-r)} L ${round(cx+r)} ${round(cy+r)} L ${round(cx-r)} ${round(cy+r)} Z`;default:return`M ${x-rr} ${y} a ${rr} ${rr} 0 1 0 ${rr*2} 0 a ${rr} ${rr} 0 1 0 ${-rr*2} 0`}}function dotPlotRowAtPoint(plot,n,cssX,cssY){if(n===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const index=Math.floor((cssY-plot.y)/dotPlotBandHeight(plot.height,n));return Math.max(0,Math.min(n-1,index))}function round(v){return Math.round(v*100)/100}function pickDotPlotEngine(options){if(options.requested==="pro"){const reason="no GPU dot-plot renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-dot-plot-chart: Pro engine is unavailable — no GPU dot-plot renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-dot-plot-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyDotPlotEasing(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 createDotPlotAnimator(){const entries=new Map;function elapsed(e,now){if(e.startedAt<0)return e.pausedElapsed;if(e.paused)return e.pausedElapsed;return Math.max(0,now-e.startedAt+e.pausedElapsed)}function rawProgress(e,now){if(e.duration<=0)return 1;return clamp01(elapsed(e,now)/e.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const e=entries.get(key);if(!e)return void 0;if(e.startedAt<0&&!e.paused)e.startedAt=now;return applyDotPlotEasing(rawProgress(e,now),e.easing)},has(key){return entries.has(key)},isActive(key,now){const e=entries.get(key);if(!e)return false;if(e.paused)return true;return rawProgress(e,now)<1},tick(now){const done=[];for(const[key,e]of entries){if(e.startedAt<0&&!e.paused)e.startedAt=now;if(e.paused)continue;if(rawProgress(e,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const e of entries.values()){if(e.paused)continue;if(e.startedAt>=0)e.pausedElapsed+=now-e.startedAt;e.paused=true}},resumeAll(now){for(const e of entries.values()){if(!e.paused)continue;e.startedAt=now;e.paused=false}},hasActive(){for(const e of entries.values())if(!e.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}function createDotPlotStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function toDatum(input){if(input&&typeof input==="object"&&Array.isArray(input.values)){return{category:input.category,values:input.values.map(v=>{const n=typeof v==="bigint"?Number(v):v;return Number.isFinite(n)?n:0})}}return void 0}const syDotPlotChartCss=()=>`.sc-sy-dot-plot-chart-h{display:inline-block;position:relative}.sy-dot-plot-chart__surface.sc-sy-dot-plot-chart{display:block}.sy-dot-plot-chart__dot.sc-sy-dot-plot-chart{transition:opacity 120ms ease}.sy-dot-plot-chart__tooltip.sc-sy-dot-plot-chart,.sy-dot-plot-chart__legend.sc-sy-dot-plot-chart{pointer-events:none}.sy-dot-plot-chart__sr-only.sc-sy-dot-plot-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-dot-plot-chart__watermark.sc-sy-dot-plot-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}function niceBounds(min,max){if(!Number.isFinite(min)||!Number.isFinite(max)||min===max){const base=Number.isFinite(max)?max:1;return{min:Math.min(0,base-1),max:base+1}}const span=max-min;const pad=span*.08;return{min:Math.min(min,0)===0&&min>=0?0:min-pad,max:max+pad}}const SyDotPlotChart=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.tooltipShow=createEvent(this,"tooltipShow",7);this.tooltipHide=createEvent(this,"tooltipHide",7);this.tooltipAction=createEvent(this,"tooltipAction",7);this.seriesOutsideClick=createEvent(this,"seriesOutsideClick",7);this.pointContextMenu=createEvent(this,"pointContextMenu",7);this.legendItemClick=createEvent(this,"legendItemClick",7);this.seriesToggled=createEvent(this,"seriesToggled",7);this.appended=createEvent(this,"appended",7);this.windowSlid=createEvent(this,"windowSlid",7);this.chartAnimationStart=createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=createEvent(this,"chartAnimationInterrupted",7)}get host(){return getElement(this)}data=[];groups=[];categories;width=640;height=380;brandLogo;brandPosition="bottom-right";color="";marker="circle";markerSize=6;showRowLines=true;sortDescending=false;xLabelMode;xLabelRotation;xLabelMaxCount;valueAxisLabel;gridLines;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;pointContextMenu;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverKey=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createDotPlotAnimator();animationFrameHandle=null;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromSeries;lastStreamTime;firstRender=true;displayedDots=new Map;morphFromDots;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async appendPoint(datum){const d=this.datumToStream(datum);await this.streamOrPlain("appendPoint",{type:"push",datum:d},()=>this.ensureInternalStreamSource()?.push(d))}async appendBatch(data){const batch=data.map(d=>this.datumToStream(d));await this.streamOrPlain("appendBatch",{type:"pushBatch",data:batch},()=>this.ensureInternalStreamSource()?.pushBatch(batch))}async shift(count){await this.streamOrPlain("shift",{type:"shift",count},()=>this.activeStreamSource()?.shift(count))}async replace(data){const next=data.map(d=>this.datumToStream(d));await this.streamOrPlain("replace",{type:"replace",data:next},()=>this.ensureInternalStreamSource()?.replace(next))}async getStreamSource(){return this.streamLicense.run("getStreamSource",route=>route==="stream"?this.activeStreamSource():void 0,this.displayedStreamSource()!==void 0)}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeDotPlotLayout();return this.nearestDot(layout,cssX,cssY)}async showTooltipAtPoint(pointIndex,seriesIndex){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeDotPlotLayout();const hit=this.dotPlotHitAtIndex(layout,pointIndex,seriesIndex);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverKey=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}async showSeries(id,opts){return this.updateGroupVisible(id,true,opts)}async hideSeries(id,opts){return this.updateGroupVisible(id,false,opts)}seriesId(series,index){return series?.name??String(index)}resolveGroupIndex(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<this.groups.length?idx:-1}return this.groups.findIndex(g=>g===idOrIndex)}updateGroupVisible(idOrIndex,visible,opts){const idx=this.resolveGroupIndex(idOrIndex);if(idx<0)return false;const seriesId=this.seriesId({name:this.groups[idx]},idx);const disabled=new Set(this.legendDisabled);if(visible)disabled.delete(seriesId);else disabled.add(seriesId);this.legendDisabled=disabled;this.seriesToggled.emit({index:idx,seriesId,disabled:!visible});if(opts?.redraw!==false)this.animationTick++;return true}toggleSeries(seriesId,index){const next=new Set(this.legendDisabled);if(next.has(seriesId))next.delete(seriesId);else next.add(seriesId);this.legendDisabled=next;const disabled=next.has(seriesId);const label=this.groups[index]??seriesId;this.legendItemClick.emit({index,seriesId,label,disabled});this.seriesToggled.emit({index,seriesId,disabled})}toSeries(){const groupColors=this.groupColors();return this.groups.map((g,gi)=>({name:g,color:groupColors[gi],values:this.data.map(d=>d.values?.[gi]??null)}))}cats(){return this.categories?[...this.categories]:this.data.map(d=>d.category)}computeDotPlotLayout(){const source=this.streamSeries()??this.toSeries();const cats=this.cats();const visibleOriginalIndex=[];const visibleSeries=[];for(let i=0;i<source.length;i++){if(this.legendDisabled.has(this.seriesId(source[i],i)))continue;visibleSeries.push(source[i]);visibleOriginalIndex.push(i)}const totalSeriesCount=source.length;const model=computeDotPlotModel(visibleSeries,cats,{sortDescending:this.sortDescending&&!this.isStreaming()});const legend=this.legend&&this.groups.length>1?this.buildLegendLayout(source):null;const outer=this.outerRectFromLegend(legend);const bounds=niceBounds(model.minValue,model.maxValue);const axes=resolveCartesianAxesSpec({kind:"linear",position:"bottom",show:true,label:this.valueAxisLabel},{kind:"category",position:"left",show:true,categories:model.categories.map(c=>c.label),tickCount:Math.min(model.categoryCount,40)});const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:bounds.min,max:bounds.max},yExtent:{min:-.5,max:Math.max(.5,model.categoryCount-.5)}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const valueX=value=>outer.x+frame.xScale(value);const dots=dotPlotDots(model,plot,valueX);const rows=dotPlotRows(model,plot,valueX);return{model,outer,plot,frame,dots,rows,legend,visibleOriginalIndex,totalSeriesCount}}outerRectFromLegend(legend){if(!legend?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const r=legend.remainingOuter;return{x:r.x,y:r.y,width:Math.max(1,r.width),height:Math.max(1,r.height)}}buildLegendLayout(series){const items=series.map((s,i)=>({label:s.name??String(i),swatchColor:this.seriesColor(i),swatchShape:"circle",disabled:this.legendDisabled.has(this.seriesId(s,i))}));const direction=this.legendPosition==="left"||this.legendPosition==="right"?"vertical":"horizontal";return computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,direction,padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}tableauPalette(){const scheme=categorical.tableau10;return discretize(scheme,Math.max(scheme.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}groupColors(){return resolveColorList(this.color,this.groups.length,["#94a3b8","#2563eb"],this.tableauPalette())}seriesColor(index){return this.groupColors()[index]??"#2563eb"}markerForGroup(index){return resolveTokenList(this.marker,Math.max(this.groups.length,index+1),"circle")[index]??"circle"}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphFromDots=new Map(this.displayedDots);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}morphProgress(){return this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}isStreaming(){return this.displayedStreamSource()!=null}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createDotPlotStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const model=computeDotPlotModel(this.toSeries(),this.cats());return model.categories.map(cat=>({category:cat.label,values:model.series.map(s=>s.values[cat.index]??0)}))}datumToStream(d){return{category:d.category,values:(d.values??[]).map(v=>v==null?NaN:v)}}coerceStreamCapacity(){if(typeof this.streamMax==="number"&&Number.isFinite(this.streamMax)&&this.streamMax>0)return Math.floor(this.streamMax);if(typeof this.streamWindow==="number"&&Number.isFinite(this.streamWindow)&&this.streamWindow>0)return Math.floor(this.streamWindow)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const current=this.valuesAsData().map(toDatum).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenData=this.data;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.data!==this.streamFrozenData&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenData=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const segCount=Math.max(this.groups.length,snapshot.reduce((m,c)=>Math.max(m,c.values.length),0));const data=snapshot.map((c,i)=>({category:c.category??String(i+1),values:Array.from({length:segCount},(_,s)=>c.values[s]??null)}));const animate=this.shouldAnimate()&&this.data.length>0&&data.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromSeries=this.currentStreamSeries();this.suppressNextValuesAnimation=true;this.categories=snapshot.map((c,i)=>c.category??String(i+1));this.data=data;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.categories=snapshot.map((c,i)=>c.category??String(i+1));this.data=data}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamSeries(){const active=this.animator.has(STREAM_KEY)&&this.streamFromSeries;const t=active?this.animator.progressAt(STREAM_KEY,this.now())??1:1;return this.toSeries().map((s,i)=>{const target=s.values instanceof Float32Array?s.values:Float32Array.from(s.values.map(v=>v??NaN));const from=active?this.streamFromSeries[i]:void 0;return from?lerpStreamWindow(from,target,t):target})}streamSeries(){if(!(this.animator.has(STREAM_KEY)&&this.streamFromSeries))return null;const t=this.animator.progressAt(STREAM_KEY,this.now())??1;return this.toSeries().map((s,i)=>{const target=s.values instanceof Float32Array?s.values:Float32Array.from(s.values.map(v=>v??NaN));const from=this.streamFromSeries[i];return from?{...s,values:lerpStreamWindow(from,target,t)}:s})}nearestDot(layout,cssX,cssY){const row=dotPlotRowAtPoint(layout.plot,layout.model.categoryCount,cssX,cssY);if(row<0)return null;let best=null;let bestDist=Infinity;for(const dot of layout.dots){if(dot.categoryIndex!==row)continue;const d=Math.abs(dot.cx-cssX);if(d<bestDist){bestDist=d;best=dot}}if(!best)return null;return{categoryIndex:best.categoryIndex,seriesIndex:best.seriesIndex,category:best.category,seriesName:best.seriesName,value:best.value,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}dotPlotHitFromDot(dot){return{categoryIndex:dot.categoryIndex,seriesIndex:dot.seriesIndex,category:dot.category,seriesName:dot.seriesName,value:dot.value,cssX:dot.cx,cssY:dot.cy}}dotPlotHitAtIndex(layout,categoryIndex,seriesIndex){const cat=Math.trunc(categoryIndex);if(!Number.isFinite(cat))return null;const inRow=layout.dots.filter(d=>d.categoryIndex===cat);if(inRow.length===0)return null;const dot=typeof seriesIndex==="number"&&Number.isFinite(seriesIndex)?inRow.find(d=>d.seriesIndex===Math.trunc(seriesIndex)):inRow[0];return dot?this.dotPlotHitFromDot(dot):null}srSummary(model){if(model.categoryCount===0||model.seriesCount===0)return"Dot plot, no data";return`Dot plot, ${model.categoryCount} categories × ${model.seriesCount} series, values from ${Math.round(model.minValue)} to ${Math.round(model.maxValue)}.`}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(layout,hit,tooltipSpec,allowMultiple=false){const pointCssX=hit.cssX;const pointCssY=hit.cssY;const dataX=hit.categoryIndex;const dataY=hit.value;const context={seriesIndex:hit.seriesIndex,pointIndex:hit.categoryIndex,index:hit.categoryIndex,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({categoryIndex:hit.categoryIndex,seriesIndex:hit.seriesIndex,category:hit.category,seriesName:hit.seriesName,value:hit.value,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category} — ${hit.seriesName}: ${formatNumber(hit.value)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-dot-plot-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-dot-plot-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-dot-plot-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 lineSafePlacement=avoidHorizontalLineOverlap({x:placement.x,y:placement.y,tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},side:placement.side,lineY:tooltip.pointCssY,gap:Math.max(8,offset/2),padding:6});const anchor=this.tooltipAnchorFromTopLeft(lineSafePlacement.x,lineSafePlacement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`${hit.seriesIndex}:${hit.categoryIndex}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const samePoint=tooltip.context.pointIndex===hit.categoryIndex&&tooltip.context.seriesIndex===hit.seriesIndex;if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}dotFor(layout,detail){return layout.dots.find(d=>d.categoryIndex===detail.categoryIndex&&d.seriesIndex===detail.seriesIndex)}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const detail=this.nearestDot(layout,cssX,cssY);if(!detail){if(this.hoverKey!==null){this.hoverKey=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}const key=`${detail.categoryIndex}:${detail.seriesIndex}`;if(key!==this.hoverKey){this.hoverKey=key;this.pointHover.emit(detail)}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const dot=this.dotFor(layout,detail);if(dot)this.showTooltipForHit(layout,this.dotPlotHitFromDot(dot),tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverKey!==null)this.pointHover.emit(null);this.hoverKey=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const bands=layout.rows.map(row=>({pos:row.centerY,index:row.categoryIndex}));const points=layout.dots.map(d=>({cssX:d.cx,cssY:d.cy,index:d.categoryIndex}));const snap=snapCategoryCrosshair(cssX,cssY,plot,"y",bands,points,spec.snap);if(!this.cursor||this.cursor.cssX!==snap.cssX||this.cursor.cssY!==snap.cssY){this.cursor={cssX:snap.cssX,cssY:snap.cssY};this.crosshairMove.emit({cssX:snap.cssX,cssY:snap.cssY,snappedPointIndex:snap.index})}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-dot-plot-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-dot-plot-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-dot-plot-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);const detail=this.nearestDot(layout,cssX,cssY);const row=detail?layout.rows.find(r=>r.categoryIndex===detail.categoryIndex)??null:null;if(detail&&row!==null&&cssX>=row.minX-16&&cssX<=row.maxX+16){this.pointClick.emit(detail);const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const dot=this.dotFor(layout,detail);if(dot)this.showTooltipForHit(layout,this.dotPlotHitFromDot(dot),tooltipSpec,true)}return}if(this.hasVisibleTooltips())this.clearTooltips();const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(inside)this.seriesOutsideClick.emit({cssX,cssY})};handleContextMenu=event=>{const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);const detail=this.nearestDot(layout,cssX,cssY);if(detail)this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"dot-plot",detail))};render(){const pick=pickDotPlotEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeDotPlotLayout();const revealing=this.animator.has(REVEAL_KEY);const morphing=this.animator.has(MORPH_KEY)&&this.morphFromDots!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const r=Math.max(1,this.markerSize);this.lastRenderResult={points:layout.dots.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const rowByCat=new Map(layout.rows.map(row=>[row.categoryIndex,row]));const displayed=layout.dots.map(dot=>{const key=`${dot.categoryIndex}:${dot.seriesIndex}`;let cx=dot.cx;let cy=dot.cy;let opacity=1;let scale=1;if(morphing){const from=this.morphFromDots.get(key);if(from){cx=from.cx+(dot.cx-from.cx)*morph;cy=from.cy+(dot.cy-from.cy)*morph}else{opacity=morph;scale=.4+.6*morph}}else if(revealing){const row=rowByCat.get(dot.categoryIndex);const minX=row?row.minX:dot.cx;const maxX=row?row.maxX:dot.cx;const width=maxX-minX;if(width<1){opacity=reveal}else{const front=minX+width*reveal;const isLow=dot.cx<=minX+.5;const fadeBand=Math.max(24,width*.4);opacity=isLow?Math.max(0,Math.min(1,reveal/.35)):Math.max(0,Math.min(1,(front-dot.cx)/fadeBand))}scale=.45+.55*opacity}return{dot,key,cx,cy,opacity,scale}});const nextDisplayed=new Map;displayed.forEach(d=>nextDisplayed.set(d.key,{cx:d.cx,cy:d.cy}));this.displayedDots=nextDisplayed;return h(Host,{style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"figure","aria-label":this.chartTitle??"Dot plot","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{class:"sy-dot-plot-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},this.showRowLines&&layout.model.seriesCount>1&&h("g",{class:"sy-dot-plot-chart__rows"},layout.rows.map(row=>{const ds=displayed.filter(d=>d.dot.categoryIndex===row.categoryIndex);if(ds.length===0)return null;const x1=revealing?row.minX:Math.min(...ds.map(d=>d.cx));const x2=revealing?row.minX+(row.maxX-row.minX)*reveal:Math.max(...ds.map(d=>d.cx));const op=revealing?reveal:1;return h("line",{key:`row-${row.categoryIndex}`,class:"sy-dot-plot-chart__row-line",x1:round2(x1),y1:round2(row.centerY),x2:round2(x2),y2:round2(row.centerY),stroke:"#cbd5e1","stroke-width":2,"stroke-linecap":"round",opacity:round2(op)})})),h("g",{class:"sy-dot-plot-chart__dots"},displayed.map(({dot,key,cx,cy,opacity,scale})=>{if(opacity<=.004)return null;const active=this.hoverKey===key;const rr=Math.max(.5,(active?r+1.5:r)*scale);const originalIndex=layout.visibleOriginalIndex[dot.seriesIndex]??dot.seriesIndex;const origCategoryIndex=layout.model.categories[dot.categoryIndex]?.sourceIndex??dot.categoryIndex;const datumColor=this.data[origCategoryIndex]?.colors?.[originalIndex];const fill=datumColor??this.seriesColor(originalIndex);const datumMarker=this.data[origCategoryIndex]?.markers?.[originalIndex];const marker=datumMarker??this.markerForGroup(originalIndex);if(marker==="circle"){return h("circle",{key:`d-${dot.categoryIndex}-${dot.seriesIndex}`,class:"sy-dot-plot-chart__dot",cx:round2(cx),cy:round2(cy),r:round2(rr),fill,stroke:"#fff","stroke-width":1.5,opacity:round2(opacity)})}return h("path",{key:`d-${dot.categoryIndex}-${dot.seriesIndex}`,class:"sy-dot-plot-chart__dot",d:dotPlotMarkerPath(marker,cx,cy,rr),fill,stroke:"#fff","stroke-width":1.5,opacity:round2(opacity)})}))),this.renderCrosshair(layout),this.legend&&this.groups.length>1&&this.renderLegend(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{class:"sy-dot-plot-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{class:"sy-dot-plot-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??String(t.value);const catLabels=layout.model.categories.map(c=>c.label);const catCenters=layout.model.categories.map(c=>dotPlotRowCenterY(plot,c.index,layout.model.categoryCount));const catDecl=resolveAutoAxisLabels({labels:catLabels,centers:catCenters,orientation:"left",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return h("div",{class:"sy-dot-plot-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-dot-plot-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-dot-plot-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.xGridLines.map(line=>h("div",{class:"sy-dot-plot-chart__grid-line",style:{position:"absolute",left:`${outer.x+line.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),frame.xTicks.map(t=>h("div",{class:"sy-dot-plot-chart__axis-label sy-dot-plot-chart__axis-label--x",style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${plot.y+plot.height+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),layout.model.categories.map((cat,i)=>{if(!catDecl.visible[i])return null;const rotate=catDecl.rotationDeg>0?{transform:`rotate(-${catDecl.rotationDeg}deg)`,transformOrigin:"right center"}:{};return h("div",{class:"sy-dot-plot-chart__cat-label",style:{position:"absolute",left:`${outer.x}px`,top:`${dotPlotRowCenterY(plot,cat.index,layout.model.categoryCount)-8}px`,width:`${plot.x-outer.x-6}px`,textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...rotate}},cat.label)}),h("div",{class:"sy-dot-plot-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y+plot.height}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),h("div",{class:"sy-dot-plot-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(layout){const legend=layout.legend;if(!legend?.legendRect)return null;const rect=legend.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";const series=this.streamSeries()??this.toSeries();return h("div",{class:"sy-dot-plot-chart__legend",style:{position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",flexDirection:vertical?"column":"row",flexWrap:"wrap",gap:"14px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto"}},series.map((s,i)=>{const seriesId=this.seriesId(s,i);const disabled=this.legendDisabled.has(seriesId);return h("button",{type:"button",key:`lg-${i}`,class:{"sy-dot-plot-chart__legend-item":true,"sy-dot-plot-chart__legend-item--disabled":disabled},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"inherit",color:"inherit",opacity:disabled?"0.4":"1",textDecoration:disabled?"line-through":"none"},onClick:()=>this.toggleSeries(seriesId,i)},h("span",{class:"sy-dot-plot-chart__legend-swatch",style:{width:"10px",height:"10px",borderRadius:"50%",background:this.seriesColor(i)}}),h("span",{class:"sy-dot-plot-chart__legend-label"},s.name??String(i)))}))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"dot-plot"})}static get watchers(){return{"data":[{"handleValuesChange":0}],"groups":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"marker":[{"handleVisualChange":0}],"markerSize":[{"handleVisualChange":0}],"showRowLines":[{"handleVisualChange":0}],"sortDescending":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"legend":[{"handleVisualChange":0}],"legendPosition":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}]}}};function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}SyDotPlotChart.style=syDotPlotChartCss();export{SyDotPlotChart as sy_dot_plot_chart};