@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/esm/sy-area-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{b as buildStreamFramePoints,s as shouldDrawMarkerPoint,g as buildMarkerPath2D,m as mapToPixelPointsWithProject,l as mapToPixelPoints,o as lineMarkerSymbolFrom,r as cartesianRenderDomain}from"./sy-line-chart-path-CIwqM40T.js";import{c as createMarkerColorBuckets,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,a as engineSwapOutcome,b as engineLicenseVerdict,c as ENGINE_LICENSE_FEATURE,r as rendererCodeOf,d as engineFailureOutcome,f as requestedStreamingInputs}from"./engine-swap-license-CwIR5SyJ.js";import{h as renderChartBrand}from"./chart-brand-_HhzGz4E.js";import{c as createPointCapWarner,S as STANDARD_ENGINE_MAX_POINTS,a as capValuesView,b as createDrawingHistory,d as crosshairPositionFor,r as resolveDrawingsInput,D as DrawingInteraction,e as createSvgTextMeasurer,f as createCanvasTextMeasurer,g as resolveDrawingMode,h as historyApply,i as drawingsChangeDetail,j as convertDrawingSpace,k as historyUndo,l as historyRedo,s as serializeDrawings,m as renderDrawings,p as pruneDrawingSelection,n as sameDrawingSelection,o as renderDrawing,t as thinHandleIndices,q as primitiveBounds,B as BrushInteraction,u as resolveCartesianBrushSpec,v as pixelShapeFromArea,w as clipRectToPlot,x as bandRectForPlot,y as drawingHoverTarget,z as drawingCursor,A as dashArrayFor}from"./brush-interaction-Dz9vozhJ.js";import{Z as ZoomInteraction,r as resolveCartesianZoomSpec}from"./zoom-interaction-DIwGXfJu.js";import{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,a as resolveCartesianAxesSpec,f as cartesianSeriesYAxisKey,e as cartesianSeriesXAxisKey,c as cartesianAxisKey,d as resolveCartesianGridLinesSpec,b as resolveCartesianCrosshairSpec}from"./cartesian-contract-DogpgTFv.js";import{s as snapshotDrawingLayer}from"./drawing-export-BYBaMhHn.js";import{r as resolveSeriesData,a as resolveSeriesIdentity,b as resolveSeriesYValues,c as resolveSeriesXValues,i as isSeriesVisible,d as resolveSeriesLinkGraph,e as isSeriesShownInLegend,p as pickEffectiveTooltipFormatter,f as resolveSeriesTooltipSpec}from"./cartesian-series-contract-zrH7aO3p.js";import{a as computeCartesianFrame,c as cartesianCrosshairGeometry,b as cartesianTooltipAnchor}from"./cartesian-frame-interaction-BC4761vn.js";import{t as tooltipConnectorEnd,c as computeTooltipPlacement}from"./connector-C0f63Npv.js";import{t as thinAxisTicks}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"}}if(opts.features?.nonLinearXAxis){const reason="log xAxis requires the Standard engine for accurate viewport projection";return{tier:"standard",fallbackReason:reason,featureFallbackReason:reason}}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-area-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-area-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:1e5;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-area-chart: auto mode wanted Pro for ${pointCount.toLocaleString()} points (threshold ${threshold.toLocaleString()}) but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function getProFeatureBlockReason(features={}){if(features.visualMap===true){return"visualMap colours need per-datum fills and currently use the Standard engine"}const marker=features.marker;if(marker&&marker!=="none"){return`marker "${marker}" requires the Standard engine; Pro currently renders area fills and strokes only`}const gradient=features.fillGradient;if(gradient&&(gradient.type==="linear"||gradient.type==="radial")){return`fillGradient "${gradient.type}" requires the Standard engine; Pro currently renders a single uniform fill color only`}const pattern=features.fillPattern;if(pattern&&(pattern.type==="dots"||pattern.type==="diagonal"||pattern.type==="cross-hatch")){return`fillPattern "${pattern.type}" requires the Standard engine; Pro currently renders a single uniform fill color only`}if(features.hasGaps===true){return`null gaps require the Standard engine; Pro currently renders one continuous fill region only`}if(features.multiSeries===true){return"multi-series area charts require the Standard engine until Pro receives series compositing"}if(features.nonLinearYAxis===true){return"non-linear yAxis.kind requires the Standard engine until Pro receives cartesian frame projection"}const thickness=features.thickness;if(Number.isFinite(thickness)&&thickness!==1){return`line thickness ${thickness} requires the Standard engine; Pro currently supports thickness=1 only`}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`}const fillColor=features.fillColor;if(typeof fillColor==="string"&&fillColor.trim()&&!parseProColor(fillColor)){return`fillColor "${fillColor}" uses CSS syntax that the Pro engine does not support yet`}return void 0}function parseProColor(input){const trimmed=input?.trim();if(!trimmed)return null;if(trimmed.startsWith("#")){const hex=trimmed.slice(1);const expanded=hex.length===3?hex.split("").map(c=>c+c).join(""):hex;if(expanded.length!==6||!/^[\da-f]{6}$/i.test(expanded))return null;const r2=parseInt(expanded.slice(0,2),16)/255;const g2=parseInt(expanded.slice(2,4),16)/255;const b2=parseInt(expanded.slice(4,6),16)/255;return[r2,g2,b2,1]}const match=trimmed.match(/^rgba?\(([^)]+)\)$/i);if(!match)return null;const parts=match[1].split(",").map(part=>Number(part.trim()));if(parts.length<3||parts.length>4||parts.some(part=>!Number.isFinite(part))){return null}const[rawR,rawG,rawB,rawA=1]=parts;const r=clampByte(rawR)/255;const g=clampByte(rawG)/255;const b=clampByte(rawB)/255;const a=clampUnit(rawA);return[r*a,g*a,b*a,a]}function clampByte(value){return Math.max(0,Math.min(255,value))}function clampUnit(value){return Math.max(0,Math.min(1,value))}function resolveAreaChartFillPattern(options){const kind=options.patternKind;if(!kind)return options.fillPattern;if(kind==="fill")return void 0;const base={color:options.patternColor??options.color,background:options.patternBackground,size:options.patternSize,thickness:options.patternThickness};if(kind==="dots"){return{...base,type:"dots"}}if(kind==="cross-hatch"){return{...base,type:"cross-hatch"}}return{...base,type:"diagonal",direction:kind==="diagonal-backward"?"backward":"forward"}}function appendAreaChartValue(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 buildLineStrokePath2DFromValues(values,pxWidth,pxHeight,min,range,path2d,opts={}){const n=values.length;if(n===0)return;const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=n>1?pxWidth/(n-1):0;const yScale=pxHeight/safeRange;const connectNulls=opts.connectNulls===true;let pen="idle";for(let i=0;i<n;i++){const v=values[i];if(typeof v!=="number"||!Number.isFinite(v)){if(!connectNulls)pen="idle";continue}const x=i*xScale+0;const y=pxHeight-(v-min)*yScale+0;if(pen==="idle"){path2d.moveTo(x,y);pen="down"}else{path2d.lineTo(x,y)}}}function buildAreaPath2DFromValues(values,pxWidth,pxHeight,min,range,path2d,opts={}){const n=values.length;if(n<2)return;const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=pxWidth/(n-1);const yScale=pxHeight/safeRange;const baseline=Number.isFinite(opts.baseline)?opts.baseline:pxHeight;const connectNulls=opts.connectNulls===true;if(connectNulls){emitConnectedPolygon(values,n,xScale,yScale,pxHeight,min,baseline,path2d);return}let runStart=-1;for(let i=0;i<=n;i++){const v=i<n?values[i]:void 0;const finite=typeof v==="number"&&Number.isFinite(v);if(finite){if(runStart<0)runStart=i;continue}if(runStart>=0){emitClosedSubPolygon(values,runStart,i-1,xScale,yScale,pxHeight,min,baseline,path2d);runStart=-1}}}function emitConnectedPolygon(values,n,xScale,yScale,pxHeight,min,baseline,path2d){const finiteIndices=[];for(let i=0;i<n;i++){const v=values[i];if(typeof v==="number"&&Number.isFinite(v))finiteIndices.push(i)}if(finiteIndices.length<2)return;const first=finiteIndices[0];const last=finiteIndices[finiteIndices.length-1];path2d.moveTo(first*xScale,baseline);for(let k=0;k<finiteIndices.length;k++){const i=finiteIndices[k];const v=values[i];path2d.lineTo(i*xScale,pxHeight-(v-min)*yScale)}path2d.lineTo(last*xScale,baseline);path2d.closePath()}function resolveLinearGradientAxis(spec,pxWidth,pxHeight){const safe=(v,fallback)=>typeof v==="number"&&Number.isFinite(v)?v:fallback;return{x0:safe(spec?.x0,0)*pxWidth,y0:safe(spec?.y0,0)*pxHeight,x1:safe(spec?.x1,0)*pxWidth,y1:safe(spec?.y1,1)*pxHeight}}function resolveRadialGradientCircle(spec,pxWidth,pxHeight){const safe=(v,fallback)=>typeof v==="number"&&Number.isFinite(v)?v:fallback;const rFactor=Math.max(0,safe(spec?.r,.7));return{cx:safe(spec?.cx,.5)*pxWidth,cy:safe(spec?.cy,.5)*pxHeight,r:rFactor*Math.max(pxWidth,pxHeight)}}function buildAreaStreamFramePoints(frame,pxWidth,pxHeight,min,range,xProject,yProject){return buildStreamFramePoints(frame,pxWidth,pxHeight,min,range,xProject,yProject)}function buildAreaStreamFramePath2D(points,pxHeight,target,opts={}){const baseline=Number.isFinite(opts.baseline)?opts.baseline:pxHeight;if(opts.connectNulls===true){emitConnectedStreamPolygon(points,baseline,target);return}let runStart=-1;for(let i=0;i<=points.length;i++){const p=i<points.length?points[i]:void 0;const finite=!!p&&Number.isFinite(p.x)&&Number.isFinite(p.y);if(finite){if(runStart<0)runStart=i;continue}if(runStart>=0){emitStreamSubPolygon(points,runStart,i-1,baseline,target);runStart=-1}}}function emitConnectedStreamPolygon(points,baseline,target){const finite=[];for(let i=0;i<points.length;i++){const p=points[i];if(Number.isFinite(p.x)&&Number.isFinite(p.y))finite.push(p)}if(finite.length<2)return;const first=finite[0];const last=finite[finite.length-1];target.moveTo(first.x,baseline);for(let i=0;i<finite.length;i++){target.lineTo(finite[i].x,finite[i].y)}target.lineTo(last.x,baseline);target.closePath()}function emitStreamSubPolygon(points,start,end,baseline,target){if(end-start<1)return;target.moveTo(points[start].x,baseline);for(let i=start;i<=end;i++){target.lineTo(points[i].x,points[i].y)}target.lineTo(points[end].x,baseline);target.closePath()}function buildAreaStreamStrokePath2D(points,target,opts={}){const connectNulls=opts.connectNulls===true;let pen="idle";for(let i=0;i<points.length;i++){const p=points[i];if(!Number.isFinite(p.x)||!Number.isFinite(p.y)){if(!connectNulls)pen="idle";continue}if(pen==="idle"){target.moveTo(p.x,p.y);pen="down"}else{target.lineTo(p.x,p.y)}}}const DEFAULT_PATTERN_SIZE=12;const DEFAULT_PATTERN_COLOR="#000";const DEFAULT_PATTERN_THICKNESS=1;function resolvePatternTile(spec){const size=positiveOrDefault(spec?.size,DEFAULT_PATTERN_SIZE);const thickness=positiveOrDefault(spec?.thickness,DEFAULT_PATTERN_THICKNESS);const color=typeof spec?.color==="string"&&spec.color.length>0?spec.color:DEFAULT_PATTERN_COLOR;const background=typeof spec?.background==="string"&&spec.background.length>0?spec.background:null;if(spec.type==="dots"){const r=Math.max(.5,size/6*thickness);return{size,color,background,thickness,shapes:[{kind:"dot",cx:size/2,cy:size/2,r}]}}if(spec.type==="cross-hatch"){return{size,color,background,thickness,shapes:[{kind:"line",x1:0,y1:size,x2:size,y2:0},{kind:"line",x1:0,y1:0,x2:size,y2:size}]}}const direction=spec.direction==="backward"?"backward":"forward";const line=direction==="forward"?{kind:"line",x1:0,y1:size,x2:size,y2:0}:{kind:"line",x1:0,y1:0,x2:size,y2:size};return{size,color,background,thickness,shapes:[line]}}function positiveOrDefault(value,fallback){if(typeof value!=="number"||!Number.isFinite(value)||value<=0)return fallback;return value}function emitClosedSubPolygon(values,start,end,xScale,yScale,pxHeight,min,baseline,path2d){if(end-start<1)return;path2d.moveTo(start*xScale,baseline);for(let i=start;i<=end;i++){const v=values[i];const x=i*xScale;const y=pxHeight-(v-min)*yScale;path2d.lineTo(x,y)}path2d.lineTo(end*xScale,baseline);path2d.closePath()}const DEFAULT_FILL_OPACITY=.2;const DEFAULT_MARKER_SIZE=4;const DEFAULT_INACTIVE_SERIES_STATE={opacity:.35,thicknessScale:.75,markerSizeScale:.78};function hasExplicitSeries(series){return Array.isArray(series)&&series.length>0}function renderXValues(series){const xValues=series.xValues;return Array.isArray(xValues)&&xValues.length>0?xValues:void 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;const xValues=renderXValues(entry);series.push({values:capValuesView(entry.values,STANDARD_ENGINE_MAX_POINTS),xValues:xValues?capValuesView(xValues,STANDARD_ENGINE_MAX_POINTS):void 0,yAxis:entry.yAxis,yAxisIndex:entry.yAxisIndex,xAxis:entry.xAxis,xAxisIndex:entry.xAxisIndex,color:typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color,fillColor:typeof entry.fillColor==="string"&&entry.fillColor.length>0?entry.fillColor:void 0,fillOpacity:typeof entry.fillOpacity==="number"?finiteOpacity(entry.fillOpacity):input.fillOpacity,opacity:finiteOpacity(entry.opacity),thickness:finitePositive(entry.thickness,input.thickness),marker:lineMarkerSymbolFrom(entry.marker)??input.marker,markerSize:finitePositive(entry.markerSize,input.markerSize),markerFilter:entry.markerFilter??input.markerFilter})}}else if(input.values?.length>0){series.push({values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS),xValues:void 0,yAxis:void 0,yAxisIndex:void 0,xAxis:void 0,xAxisIndex:void 0,color:input.color,fillColor:input.fillColor,fillOpacity:input.fillOpacity,opacity:1,thickness:input.thickness,marker:input.marker,markerSize:finitePositive(input.markerSize,DEFAULT_MARKER_SIZE),markerFilter:input.markerFilter})}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);const markerSizeScale=finitePositive(inactive.markerSizeScale,DEFAULT_INACTIVE_SERIES_STATE.markerSizeScale);return series.map((entry,index)=>{if(index===activeIndex)return entry;return{...entry,opacity,thickness:finitePositive(inactive.thickness,entry.thickness*thicknessScale),markerSize:finitePositive(inactive.markerSize,entry.markerSize*markerSizeScale)}})}function computeDomainMulti(series){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const entry of series){for(let i=0;i<entry.values.length;i++){const v=entry.values[i];if(typeof v!=="number"||!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}}if(min===Number.POSITIVE_INFINITY||max===Number.NEGATIVE_INFINITY){return{min:0,max:0,range:1}}return{min,max,range:max-min||1}}class AreaChartStandardRenderer{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=Math.round(cssWidth*dpr);const pxHeight=Math.round(cssHeight*dpr);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);ctx.scale(dpr,dpr);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-area-chart (standard engine)",totalPoints,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");const streamFrame=input.streamFrame;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);const explicitSeries=hasExplicitSeries(input.series);if((drawableSeries.length===0||maxPointCount<2)&&!streamFrame){ctx.restore();return{points:pointCount,renderMs:0}}const start=performance.now();const{min,range}=streamFrame&&!explicitSeries?computeFrameDomain(streamFrame.previous,streamFrame.next):computeDomainMulti(drawableSeries);ctx.lineJoin="round";if(streamFrame&&!explicitSeries){const fillStyle=resolveFillStyle(ctx,input,cssWidth,cssHeight);ctx.fillStyle=fillStyle;ctx.lineWidth=input.thickness;ctx.strokeStyle=input.color;const points=buildAreaStreamFramePoints(streamFrame,cssWidth,cssHeight,min,range,input.xProjectForSeries?.()??input.xProject,input.yProjectForSeries?.()??input.yProject);const fillPath=new Path2D;buildAreaStreamFramePath2D(points,cssHeight,fillPath,{baseline:input.baselineProjectForSeries?.()??input.baselineProject??input.baseline,connectNulls:input.connectNulls===true});ctx.fill(fillPath);const strokePath=new Path2D;buildAreaStreamStrokePath2D(points,strokePath,{connectNulls:input.connectNulls===true});ctx.stroke(strokePath);const markerShape=input.marker||"none";const markerSize=finitePositive(input.markerSize,DEFAULT_MARKER_SIZE);if(markerShape!=="none"){const markerPaths=createMarkerColorBuckets(visualMapColorFn(input.visualMap),input.color,ctx);for(let i=0;i<points.length;i++){const{x:cx,y:cy}=points[i];const datum=streamMarkerDatum(streamFrame,i);if(!datum||!shouldDrawMarkerPoint(datum.value,datum.index,input.markerFilter))continue;if(!Number.isFinite(cx)||!Number.isFinite(cy))continue;buildMarkerPath2D(markerShape,cx,cy,markerSize,markerPaths.pathFor(datum.value,datum.index))}markerPaths.fill(ctx)}ctx.restore();return{points:points.length,renderMs:performance.now()-start}}const revealProgress=normalizeRevealProgress(input.animationRevealProgress);if(revealProgress<1){ctx.save();ctx.beginPath();ctx.rect(0,0,cssWidth*revealProgress,cssHeight);ctx.clip()}for(const series of drawableSeries){ctx.globalAlpha=series.opacity;ctx.fillStyle=resolveFillStyle(ctx,{...input,color:series.color,fillColor:series.fillColor,fillOpacity:series.fillOpacity},cssWidth,cssHeight);ctx.lineWidth=series.thickness;ctx.strokeStyle=series.color;const ySlot=series.yAxis??series.yAxisIndex;const yProject=input.yProjectForSeries?.(ySlot)??input.yProject;const baselineProject=input.baselineProjectForSeries?.(ySlot)??input.baselineProject;const xProject=input.xProjectForSeries?.(series.xAxis??series.xAxisIndex)??input.xProject;const projectedPoints=yProject?mapToPixelPointsWithProject(series.values,cssWidth,yProject,xProject,series.xValues):null;const fillPath=new Path2D;if(projectedPoints){buildAreaStreamFramePath2D(projectedPoints,cssHeight,fillPath,{baseline:Number.isFinite(baselineProject)?baselineProject:cssHeight,connectNulls:input.connectNulls===true})}else{buildAreaPath2DFromValues(series.values,cssWidth,cssHeight,min,range,fillPath,{baseline:input.baseline,connectNulls:input.connectNulls===true})}ctx.fill(fillPath);const strokePath=new Path2D;if(projectedPoints){buildAreaStreamStrokePath2D(projectedPoints,strokePath,{connectNulls:input.connectNulls===true})}else{buildLineStrokePath2DFromValues(series.values,cssWidth,cssHeight,min,range,strokePath,{connectNulls:input.connectNulls===true})}ctx.stroke(strokePath);const markerShape=series.marker||"none";if(markerShape!=="none"){const markerPaths=createMarkerColorBuckets(visualMapColorFn(input.visualMap),series.color,ctx);const points=projectedPoints?projectedPoints:mapToPixelPoints(series.values,cssWidth,cssHeight,min,range);for(let i=0;i<points.length;i++){if(!shouldDrawMarkerPoint(series.values[i],i,series.markerFilter))continue;const cx=points[i].x;const cy=points[i].y;if(!Number.isFinite(cx)||!Number.isFinite(cy))continue;buildMarkerPath2D(markerShape,cx,cy,series.markerSize,markerPaths.pathFor(series.values[i],i))}markerPaths.fill(ctx)}}ctx.globalAlpha=1;if(revealProgress<1)ctx.restore();ctx.restore();return{points:pointCount,renderMs:performance.now()-start}}applyDpr(){const ratio=window.devicePixelRatio;const dpr=Number.isFinite(ratio)&&ratio>0?ratio: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)}}function normalizeRevealProgress(value){if(typeof value!=="number"||!Number.isFinite(value))return 1;if(value<=0)return 0;if(value>=1)return 1;return value}function streamMarkerDatum(frame,pointIndex){if(!frame)return void 0;const next=frame.next;const previous=frame.previous;const n=next.length;if(n===0)return void 0;const shiftCount=Math.max(0,Math.min(Math.floor(Number.isFinite(frame.shiftCount)?frame.shiftCount:0),previous.length,n));if(shiftCount===0||previous.length===0){return pointIndex<n?{index:pointIndex,value:next[pointIndex]}:void 0}const previousCount=Math.min(previous.length,n);if(pointIndex<previousCount)return{index:pointIndex,value:previous[pointIndex]};const incomingCount=Math.min(shiftCount,n);const incomingStart=n-incomingCount;const nextIndex=incomingStart+(pointIndex-previousCount);return nextIndex>=0&&nextIndex<n?{index:nextIndex,value:next[nextIndex]}:void 0}function resolveFillStyle(ctx,input,pxWidth,pxHeight){if(isUsableGradient(input.fillGradient)){return buildCanvasGradient(ctx,input.fillGradient,pxWidth,pxHeight)}if(isUsablePattern(input.fillPattern)){const pattern=buildCanvasPattern(ctx,input.fillPattern);if(pattern)return pattern}if(typeof input.fillColor==="string"&&input.fillColor.length>0){return input.fillColor}const opacity=Number.isFinite(input.fillOpacity)?clamp01$1(input.fillOpacity):DEFAULT_FILL_OPACITY;return rgbaWithAlpha(input.color,opacity)}function isUsableGradient(spec){if(!spec||spec.type!=="linear"&&spec.type!=="radial")return false;return Array.isArray(spec.stops)&&spec.stops.length>=2}function isUsablePattern(spec){if(!spec)return false;return spec.type==="dots"||spec.type==="diagonal"||spec.type==="cross-hatch"}function buildCanvasPattern(ctx,spec){const tile=resolvePatternTile(spec);const offCanvas=typeof document!=="undefined"?document.createElement("canvas"):null;if(!offCanvas)return null;offCanvas.width=Math.max(1,Math.round(tile.size));offCanvas.height=Math.max(1,Math.round(tile.size));const offCtx=offCanvas.getContext("2d");if(!offCtx)return null;if(tile.background){offCtx.fillStyle=tile.background;offCtx.fillRect(0,0,offCanvas.width,offCanvas.height)}offCtx.strokeStyle=tile.color;offCtx.fillStyle=tile.color;offCtx.lineWidth=tile.thickness;offCtx.lineCap="square";for(const shape of tile.shapes){if(shape.kind==="dot"){offCtx.beginPath();offCtx.arc(shape.cx,shape.cy,shape.r,0,Math.PI*2);offCtx.fill()}else{offCtx.beginPath();offCtx.moveTo(shape.x1,shape.y1);offCtx.lineTo(shape.x2,shape.y2);offCtx.stroke()}}return ctx.createPattern(offCanvas,"repeat")}function buildCanvasGradient(ctx,spec,pxWidth,pxHeight){let gradient;if(spec.type==="linear"){const axis=resolveLinearGradientAxis(spec,pxWidth,pxHeight);gradient=ctx.createLinearGradient(axis.x0,axis.y0,axis.x1,axis.y1)}else{const circle=resolveRadialGradientCircle(spec,pxWidth,pxHeight);gradient=ctx.createRadialGradient(circle.cx,circle.cy,0,circle.cx,circle.cy,circle.r)}for(const stop of spec.stops){if(!Number.isFinite(stop?.offset)||typeof stop?.color!=="string")continue;gradient.addColorStop(clamp01$1(stop.offset),stop.color)}return gradient}function clamp01$1(n){if(n<=0)return 0;if(n>=1)return 1;return n}function rgbaWithAlpha(color,alpha){const trimmed=color.trim();const hex=parseHexColor(trimmed);if(hex)return`rgba(${hex.r}, ${hex.g}, ${hex.b}, ${alpha})`;const rgb=parseRgbColor(trimmed);if(rgb)return`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;return trimmed}function parseHexColor(input){if(input[0]!=="#")return null;const body=input.slice(1);if(body.length===3){const r=parseInt(body[0]+body[0],16);const g=parseInt(body[1]+body[1],16);const b=parseInt(body[2]+body[2],16);if(!Number.isFinite(r)||!Number.isFinite(g)||!Number.isFinite(b))return null;return{r,g,b}}if(body.length===6){const r=parseInt(body.slice(0,2),16);const g=parseInt(body.slice(2,4),16);const b=parseInt(body.slice(4,6),16);if(!Number.isFinite(r)||!Number.isFinite(g)||!Number.isFinite(b))return null;return{r,g,b}}return null}function parseRgbColor(input){const m=input.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);if(!m)return null;return{r:Number(m[1]),g:Number(m[2]),b:Number(m[3])}}function computeFrameDomain(previous,next){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(let i=0;i<previous.length;i++){const v=previous[i];if(!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}for(let i=0;i<next.length;i++){const v=next[i];if(!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}if(min===Number.POSITIVE_INFINITY||max===Number.NEGATIVE_INFINITY){return{min:0,max:0,range:1}}return{min,max,range:max-min||1}}function createRingBufferStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function applyEasing(t,easing){const x=clamp01(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(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 createAreaChartAnimator(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)}const syAreaChartCss=()=>`.sc-sy-area-chart-h{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-area-chart__canvas.sc-sy-area-chart{display:block;background:rgba(0,0,0,0);border-radius:4px;box-shadow:inset 0 0 0 1px var(--border-default, #e5e7eb)}.sy-area-chart__watermark.sc-sy-area-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-area-chart__watermark--degraded.sc-sy-area-chart{border-color:#facc15;color:#854d0e}`;const ACTIVE_SERIES_HIT_TOLERANCE_PX=2;const AREA_CHART_LEGEND_FONT_SIZE=12;const AREA_CHART_LEGEND_SWATCH_SIZE=12;const AREA_CHART_LEGEND_SWATCH_LABEL_GAP=6;const AREA_CHART_LEGEND_ITEM_GAP=16;const AREA_CHART_LEGEND_ROW_GAP=6;const AREA_CHART_LEGEND_EDGE_PADDING=8;const AREA_CHART_LEGEND_PLOT_GAP=16;const AREA_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 SyAreaChart=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";fillColor;fillOpacity;fillGradient;fillPattern;patternKind;patternColor;patternBackground;patternSize;patternThickness;thickness=1;marker="none";markerSize=4;markerFilter;baseline=0;connectNulls=false;engine="auto";proThreshold=1e5;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());lastHoverSeriesIndex=null;autoActiveSeriesIndex;legendToggle=createLegendToggleState(0);legendFloatPosition;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;initialRevealFrameHandle=null;initialRevealRunning=false;initialRevealPaused=false;initialRevealStartedAt=0;initialRevealPausedElapsed=0;animationRevealProgress=1;suppressNextValuesWatch=false;tooltipDrag;tooltipElement;nextTooltipId=1;suppressNextLegendClick=false;draggableTooltipPositions=new Map;emptyValues=new Float32Array(0);legendDrag;componentWillLoad(){this.syncInitialDrawings();this.ensureAnimator();this.displayValues=this.values;this.animator?.setImmediate(this.coerceForAnimation(this.values));this.bindStreamSource();this.reEvaluateEngine()}hasLoaded=false;detached=false;componentDidLoad(){this.hasLoaded=true;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.resizeObserver=new ResizeObserver(()=>this.scheduleDraw());if(this.canvas)this.resizeObserver.observe(this.canvas);if(this.shouldInitialReveal(null))this.startInitialRevealAnimation();else this.scheduleDraw()}componentDidRender(){this.measureTooltipBox()}componentShouldUpdate(_newValue,_oldValue,propName){return propName!=="connectNulls"}connectedCallback(){this.detached=false;this.syncInitialDrawings();this.license.connect();this.drawingTextMeasurer.clear();this.axisTextMeasurer.clear();this.legendTextMeasurer?.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){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.legendTextMeasurer?.dispose();this.detached=true;this.license.disconnect();this.rendererToken++;this.proInitInFlight=void 0;this.cancelScheduledDraw();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.cancelStreamFrame();this.cancelInitialRevealAnimation()}handleCanvasSizeChange(){this.scheduleDraw()}handleValuesChange(next,previous){if(this.suppressNextValuesWatch){this.suppressNextValuesWatch=false;return}this.cancelStreamFrame(true);if(this.shouldInitialReveal(previous)){this.animator?.setImmediate(this.coerceForAnimation(this.values));this.displayValues=this.coerceForAnimation(this.values);this.startInitialRevealAnimation()}else{this.routeValuesToAnimator(next,previous)}this.reEvaluateEngine();this.scheduleDraw()}handleSeriesChange(){this.autoActiveSeriesIndex=void 0;this.reEvaluateEngine();this.scheduleDraw()}handleInputsChange(){this.reEvaluateEngine();this.scheduleDraw()}handleSeriesActiveTriggerChange(){if(this.normalizedSeriesActiveTrigger()==="custom")this.setAutoActiveSeriesIndex(void 0)}handleConnectNullsChange(){this.drawConnectNullsOnly()}handleAnimationChange(){if(this.shouldInitialReveal(null)){this.cancelStreamFrame(true);this.animator?.setImmediate(this.coerceForAnimation(this.values));this.displayValues=this.coerceForAnimation(this.values);this.startInitialRevealAnimation();this.ensureAnimator(true);return}this.cancelInitialRevealAnimation(true);this.animationRevealProgress=1;if(!this.shouldAnimate()){this.cancelStreamFrame(true);this.displayValues=this.coerceForAnimation(this.values);this.scheduleDraw()}this.ensureAnimator(true)}handleStreamBindingChange(){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()}handleLegendAnchorChange(){this.legendFloatPosition=void 0}handleCartesianFrameChange(){this.reEvaluateEngine();this.scheduleDraw()}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.displayValues=this.coerceForAnimation(this.values);this.scheduleDraw()}this.ensureAnimator(true)}async pauseAnimation(){this.animator?.pause();this.pauseStreamFrame();this.pauseInitialRevealAnimation()}async resumeAnimation(){this.animator?.resume();this.resumeStreamFrame();this.resumeInitialRevealAnimation()}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 rect=this.host.getBoundingClientRect();const point={x:e.clientX-rect.left,y:e.clientY-rect.top};return{pointerId:e.pointerId,x:point.x,y:point.y,button:e.button,shiftKey:e.shiftKey,altKey:e.altKey,pointerType:e.pointerType}}zoomWheelInput(e){const rect=this.host.getBoundingClientRect();const point={x:e.clientX-rect.left,y:e.clientY-rect.top};return{x:point.x,y:point.y,deltaX:e.deltaX,deltaY:e.deltaY,deltaMode:e.deltaMode,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey}}handleZoomWheel=e=>{if(this.zoomInteraction.wheel(this.zoomWheelInput(e)))e.preventDefault()};syncInitialDrawings(){const history=this.drawingHistory;if(history.past.length>0||history.future.length>0||history.present.drawings.length>0)return;if(this.drawings===void 0||this.drawings===null||this.drawings==="")return;this.drawingHistory=createDrawingHistory(resolveDrawingsInput(this.drawings))}drawingInteraction=new DrawingInteraction(this.drawingInteractionHost());drawingTextMeasurer=createSvgTextMeasurer(void 0,void 0,()=>!this.detached);axisTextMeasurer=createCanvasTextMeasurer();legendTextMeasurer;legendFontFamily;fontRevision=0;handleFontChange=()=>{if(this.detached)return;this.drawingTextMeasurer.clear();this.axisTextMeasurer.clear();this.legendTextMeasurer?.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-area-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-area-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-area-chart__drawing":true,"sy-area-chart__drawing--preview":entry.preview,"sy-area-chart__drawing--locked":entry.drawing.locked===true,"sy-area-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-area-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-area-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-area-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.areaPointGeometries(frame).map(p=>({seriesIndex:p.seriesIndex,index:p.index,cssX:p.cssX,cssY:p.cssY,dataX:p.dataX,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-area-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-area-chart__brush-area":true,"sy-area-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-area-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-area-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-area-chart__brush-area sy-area-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-area-chart__brush-preview sy-area-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-area-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-area-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-area-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()}async redraw(){return this.draw()}async getActiveTier(){return this.activeTier}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=appendAreaChartValue(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}reEvaluateEngine(){const availability=this.proAvailability();const keepPro=this.engine==="auto"&&this.autoLockedToPro;const fillPattern=this.resolvedFillPattern();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,fillColor:this.fillColor,fillOpacity:this.fillOpacity,fillGradient:this.fillGradient,fillPattern,thickness:this.thickness,marker:this.marker,hasGaps:entries.some(entry=>hasAreaGaps(entry.values)),connectNulls:this.connectNulls,multiSeries:this.hasExplicitSeries(),nonLinearYAxis:resolveCartesianAxesSpec(this.xAxis,this.yAxis).y.kind!=="linear",nonLinearXAxis:resolveCartesianAxesSpec(this.xAxis,this.yAxis).x.kind==="log"}};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 AreaChartStandardRenderer(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()})}cancelScheduledDraw(){if(this.pendingDrawFrame!==null&&typeof cancelAnimationFrame!=="undefined"){cancelAnimationFrame(this.pendingDrawFrame)}this.pendingDrawFrame=null;this.pendingDraw=false}drawConnectNullsOnly(){this.cancelScheduledDraw();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}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)}xValuesForSeries(series){const values=this.valuesForSeries(series);if(values.length===0)return void 0;return resolveSeriesXValues(series,{fallbackValues:values})}yScaleForSeries(cartesian,series){return cartesian.yScales[cartesianSeriesYAxisKey(series)]??cartesian.yScale}xScaleForSeries(cartesian,series){return cartesian.xScales[cartesianSeriesXAxisKey(series)]??cartesian.xScale}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;entries.push({sourceIndex:i,values,series:{...series,values,xValues:this.xValuesForSeries(series)}})}return entries}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}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}]}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)})}renderInput(){const cartesian=this.computeCartesianLayout();const plot=cartesian.plot;const baselineValue=typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:0;return{visualMap:this.effectiveVisualMap(),series:this.visibleSeriesForRender(),activeSeriesIndex:this.visibleActiveSeriesRenderIndex(),seriesState:this.seriesState,seriesActiveTrigger:this.seriesActiveTrigger,values:this.visibleDisplayValues(),streamFrame:this.streamFrame,animationRevealProgress:this.animationRevealProgress,width:plot.width,height:plot.height,xProject:value=>cartesian.xScale(value)-cartesian.plot.x,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},xProjectForSeries:xAxis=>{const scale=cartesian.xScales[cartesianSeriesXAxisKey({xAxis})]??cartesian.xScale;return value=>scale(value)-cartesian.plot.x},xDomain:cartesianRenderDomain(cartesian.xAxes.find(a=>a.scale===cartesian.xScale),cartesian.xScale),yDomain:cartesianRenderDomain(cartesian.yAxes.find(a=>a.scale===cartesian.yScale),cartesian.yScale),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,fillColor:this.fillColor,fillOpacity:this.fillOpacity,fillGradient:this.fillGradient,fillPattern:this.resolvedFillPattern(),patternKind:this.patternKind,patternColor:this.patternColor,patternBackground:this.patternBackground,patternSize:this.patternSize,patternThickness:this.patternThickness,thickness:this.thickness,marker:this.marker,markerSize:this.markerSize,markerFilter:this.markerFilter,baseline:this.baseline,connectNulls:this.connectNulls}}visibleDisplayValues(){if(this.isPrimarySeriesDisabled())return this.emptyValues;return this.displayValues??this.values}isPrimarySeriesDisabled(){if(this.hasExplicitSeries())return false;if(!this.legend)return false;if(this.resolveLegendItems().length===0)return false;return isLegendItemDisabled(this.legendToggle,0)}computeCartesianLayout(){const legend=this.legend?this.buildLegendLayout():null;const outer=this.plotRectFromLegend(legend?.layout);const entries=this.seriesEntries();const axes=resolveCartesianAxesSpec(this.xAxis,this.yAxis);const xExtents=this.computeXExtents(entries);const xExtent=xExtents[cartesianAxisKey(axes.x,0)]??this.computeXExtent(entries);const yExtents=this.computeYExtents(entries);const yExtent=yExtents[cartesianAxisKey(axes.y,0)]??this.computeYExtent(entries.map(entry=>entry.values));const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent,xExtents,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}}}xValueForPoint(series,index){const value=series?.xValues?.[index];return Number.isFinite(value)?value:index}computeXExtent(entries){if(!this.hasExplicitSeries()){const pointCount=entries.reduce((max2,entry)=>Math.max(max2,entry.values.length),0);return{min:0,max:Math.max(1,pointCount-1)}}let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const entry of entries){for(let i=0;i<entry.values.length;i++){const value=this.xValueForPoint(entry.series,i);if(!Number.isFinite(value))continue;if(value<min)min=value;if(value>max)max=value}}if(!Number.isFinite(min)||!Number.isFinite(max))return{min:0,max:1};if(min===max)return{min,max:min+1};return{min,max}}computeXExtents(entries){if(!this.hasExplicitSeries())return{0:this.computeXExtent(entries)};const buckets=new Map;for(const entry of entries){const key=cartesianSeriesXAxisKey(entry.series);const bucket=buckets.get(key)??{min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};for(let i=0;i<entry.values.length;i++){const value=this.xValueForPoint(entry.series,i);if(!Number.isFinite(value))continue;if(value<bucket.min)bucket.min=value;if(value>bucket.max)bucket.max=value}buckets.set(key,bucket)}if(buckets.size===0)return{0:this.computeXExtent(entries)};return Object.fromEntries(Array.from(buckets.entries()).map(([key,extent])=>{if(!Number.isFinite(extent.min)||!Number.isFinite(extent.max))return[key,{min:0,max:1}];if(extent.min===extent.max)return[key,{min:extent.min,max:extent.min+1}];return[key,extent]}))}computeYExtent(seriesValues){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const values of seriesValues){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}}return this.normalizeYExtent(min,max)}computeYExtents(entries){const buckets=new Map;for(const entry of entries){const key=cartesianSeriesYAxisKey(entry.series);const bucket=buckets.get(key)??{min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};for(let i=0;i<entry.values.length;i++){const value=entry.values[i];if(typeof value!=="number"||!Number.isFinite(value))continue;if(value<bucket.min)bucket.min=value;if(value>bucket.max)bucket.max=value}buckets.set(key,bucket)}if(buckets.size===0)return{0:this.computeYExtent([])};return Object.fromEntries(Array.from(buckets.entries()).map(([key,extent])=>[key,this.normalizeYExtent(extent.min,extent.max)]))}normalizeYExtent(min,max){const baseline=typeof this.baseline==="number"&&Number.isFinite(this.baseline)?this.baseline:0;if(!Number.isFinite(min)||!Number.isFinite(max))return{min:baseline-1,max:baseline+1};let lo=min;let hi=max;if(lo>baseline)lo=baseline;if(hi<baseline)hi=baseline;if(lo===hi)return{min:lo-1,max:hi+1};return{min:lo,max:hi}}hitTestFromEvent(e,cartesian){if(!this.canvas)return null;const rect=this.canvas.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();const hostX=e.clientX-hostRect.left;const hostY=e.clientY-hostRect.top;if(hostX<cartesian.plot.x||hostX>cartesian.plot.x+cartesian.plot.width||hostY<cartesian.plot.y||hostY>cartesian.plot.y+cartesian.plot.height){return null}const entries=this.seriesEntries();if(entries.length===0)return null;const localX=e.clientX-rect.left;const hits=[];for(const entry of entries){if(entry.values.length===0)continue;const yScale=this.yScaleForSeries(cartesian,entry.series);const xScale=this.xScaleForSeries(cartesian,entry.series);const hasDomainX=Array.isArray(entry.series?.xValues)&&entry.series.xValues.length>0;if(!hasDomainX){const idx=Math.round(localX/Math.max(1,cartesian.plot.width)*(entry.values.length-1));const clamped=Math.max(0,Math.min(entry.values.length-1,idx));const raw=entry.values[clamped];if(typeof raw!=="number"||!Number.isFinite(raw))continue;const step=entry.values.length>1?cartesian.plot.width/(entry.values.length-1):0;const cssX=cartesian.plot.x+clamped*step;const cssY=yScale(raw);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;const dx=cssX-hostX;const dy=cssY-hostY;hits.push({seriesIndex:entry.sourceIndex,index:clamped,value:raw,cssX,cssY,distancePx:Math.hypot(dx,dy),dataX:clamped,dataY:raw});continue}for(let i=0;i<entry.values.length;i++){const raw=entry.values[i];if(typeof raw!=="number"||!Number.isFinite(raw))continue;const dataX=this.xValueForPoint(entry.series,i);const cssX=xScale(dataX);const cssY=yScale(raw);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;const dx=cssX-hostX;const dy=cssY-hostY;hits.push({seriesIndex:entry.sourceIndex,index:i,value:raw,cssX,cssY,distancePx:Math.hypot(dx,dy),dataX,dataY:raw})}}this.sortHitsByActiveSeries(hits);return hits[0]??null}handlePointerMove=e=>{if(this.handleZoomPointerMove(e))return;const cartesian=this.computeCartesianLayout();const hostRect=this.host.getBoundingClientRect();const hostX=e.clientX-hostRect.left;const hostY=e.clientY-hostRect.top;const hit=this.hitTestFromEvent(e,cartesian);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:hit.dataX??cartesian.xScale.invert(hostX),dataY:hit.dataY??cartesian.yScale.invert(hostY)}: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.areaPointGeometries(cartesian);const geometry=cartesianCrosshairGeometry({frame:{plot:cartesian.plot},cssX:hostX,cssY:hostY,spec:crosshairSpec,points});const snapped=points.find(point=>point.index===geometry.snappedPointIndex&&(hit?.seriesIndex===void 0||point.seriesIndex===hit.seriesIndex))??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:snapped?.value??cartesian.yScale.invert(cssY),snappedPointIndex:geometry.snappedPointIndex??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.pointHover.emit(null);if(previousSeriesIndex!==null){this.invokeSeriesEvent(previousSeriesIndex,"mouseOut");this.lastHoverSeriesIndex=null}if(this.cartesianCursor!==null){this.cartesianCursor=null;this.crosshairMove.emit(null)}const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};handlePointerClick=e=>{if(this.consumeSuppressedPlotClick())return;const 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}const hostRect=this.host.getBoundingClientRect();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:hit.dataX??cartesian.xScale.invert(e.clientX-hostRect.left),dataY:hit.dataY??cartesian.yScale.invert(e.clientY-hostRect.top)});this.invokeSeriesEvent(hit.seriesIndex,"click",e);const tooltipSpec=resolveCartesianTooltipSpec(this.tooltip);if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){this.showTooltipForHit(cartesian,e.clientX-hostRect.left,e.clientY-hostRect.top,hit,tooltipSpec,true)}};handlePointContextMenu=e=>{const cartesian=this.computeCartesianLayout();const hit=this.hitTestFromEvent(e,cartesian);if(!hit)return;const hostRect=this.host.getBoundingClientRect();const detail={seriesIndex:hit.seriesIndex,...this.seriesIdentityForEmit(hit.seriesIndex,hit.index),pointIndex:hit.index,value:hit.value,cssX:hit.cssX,cssY:hit.cssY,dataX:hit.dataX??cartesian.xScale.invert(e.clientX-hostRect.left),dataY:hit.dataY??cartesian.yScale.invert(e.clientY-hostRect.top)};e.preventDefault();e.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(e,this.host,"area",detail))};emitSeriesOutsideClick(e,cartesian){const hostRect=this.host.getBoundingClientRect();const cssX=e.clientX-hostRect.left;const cssY=e.clientY-hostRect.top;this.seriesOutsideClick.emit({cssX,cssY,dataX:cartesian.xScale.invert(cssX),dataY:cartesian.yScale.invert(cssY)})}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}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:hit.dataX??cartesian.xScale.invert(hostX),dataY:hit.dataY??cartesian.yScale.invert(hostY),mode:tooltipSpec.mode};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}areaPointGeometries(cartesian){const points=[];for(const entry of this.seriesEntries()){const n=entry.values.length;if(n===0)continue;const yScale=this.yScaleForSeries(cartesian,entry.series);const xScale=this.xScaleForSeries(cartesian,entry.series);for(let i=0;i<n;i++){const value=entry.values[i];if(typeof value!=="number"||!Number.isFinite(value))continue;const cssX=entry.series?xScale(this.xValueForPoint(entry.series,i)):cartesian.xScale(i);const cssY=yScale(value);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;points.push({index:i,seriesIndex:entry.sourceIndex,value,cssX,cssY,dataX:entry.series?this.xValueForPoint(entry.series,i):i})}}return points}pointHitAtIndex(pointIndex,cartesian){const index=Math.trunc(pointIndex);const activeSeries=this.resolvedActiveSeriesIndex();const entries=this.seriesEntries();const preferred=entries.find(entry2=>entry2.sourceIndex===activeSeries);const entry=preferred??entries[0];const values=entry?.values;if(!entry||!values)return null;if(!Number.isFinite(index)||index<0||index>=values.length)return null;const value=values[index];if(typeof value!=="number"||!Number.isFinite(value))return null;const dataX=entry.series?this.xValueForPoint(entry.series,index):index;const cssX=entry.series?this.xScaleForSeries(cartesian,entry.series)(dataX):cartesian.xScale(index);const cssY=this.yScaleForSeries(cartesian,entry.series)(value);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return null;return{seriesIndex:entry.sourceIndex,index,value,cssX,cssY,dataX,dataY:value}}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-area-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-area-chart__crosshair-line sy-area-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-area-chart__crosshair-line sy-area-chart__crosshair-line--h",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cartesianCursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"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-area-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-area-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-area-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 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-area-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-area-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-area-chart__subtitle",style:{position:"absolute",left:`${subtitleRect.x}px`,top:`${subtitleRect.y}px`,width:`${subtitleRect.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)"}},this.chartSubtitle),xGridLines.map(line=>h("div",{class:"sy-area-chart__grid-line sy-area-chart__grid-line--x",style:{position:"absolute",left:`${localX(line.x)}px`,top:`${localY(plot.y)}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),yGridLines.map(line=>h("div",{class:"sy-area-chart__grid-line sy-area-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-area-chart__axis-label sy-area-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-area-chart__axis-label sy-area-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-area-chart__axis-title sy-area-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-area-chart__axis-title sy-area-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)}),this.renderBaselineMarker(cartesian))}renderBaselineMarker(cartesian){const{outer,plot}=cartesian;const baselineValue=Number.isFinite(this.baseline)?this.baseline:0;const raw=cartesian.yScale(baselineValue);if(!Number.isFinite(raw))return null;const edgeEpsilon=.5;if(raw<=plot.y+edgeEpsilon||raw>=plot.y+plot.height-edgeEpsilon)return null;const baselineColor="var(--sy-axis-zero-color, rgba(17, 24, 39, 0.78))";return h("div",{class:"sy-area-chart__axis-line sy-area-chart__axis-line--baseline","data-baseline":String(baselineValue),style:{position:"absolute",left:`${plot.x-outer.x}px`,top:`${Math.round(raw-outer.y)}px`,width:`${plot.width}px`,height:"1px",background:baselineColor,zIndex:"3"}})}plotRectFromLegend(layout){const fallback={x:0,y:0,width:Math.max(1,this.width),height:Math.max(1,this.height)};if(!layout?.remainingOuter)return fallback;return{x:layout.remainingOuter.x,y:layout.remainingOuter.y,width:Math.max(1,layout.remainingOuter.width),height:Math.max(1,layout.remainingOuter.height)}}buildLegendLayout(){const items=this.resolveLegendItems();if(items.length===0)return null;const fontFamily=typeof getComputedStyle==="function"&&this.host?getComputedStyle(this.host).fontFamily||"system-ui, sans-serif":"system-ui, sans-serif";if(!this.legendTextMeasurer||this.legendFontFamily!==fontFamily){this.legendTextMeasurer?.dispose();this.legendFontFamily=fontFamily;this.legendTextMeasurer=createCanvasTextMeasurer(fontFamily)}const layout=this.applyLegendFloatPosition(computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,floatAlign:this.legendFloatAlign,floatVerticalAlign:this.legendFloatVerticalAlign,gap:AREA_CHART_LEGEND_ITEM_GAP,swatchSize:AREA_CHART_LEGEND_SWATCH_SIZE,swatchLabelGap:AREA_CHART_LEGEND_SWATCH_LABEL_GAP,rowGap:AREA_CHART_LEGEND_ROW_GAP,fontSize:AREA_CHART_LEGEND_FONT_SIZE,fontFamily,measureLabel:label=>this.legendTextMeasurer(label,AREA_CHART_LEGEND_FONT_SIZE),padding:this.legendLayoutPadding(),color:"var(--sy-axis-color, #111827)"}));return{layout,items}}legendLayoutPadding(){if(this.legendPosition==="top"){return{top:AREA_CHART_LEGEND_EDGE_PADDING,right:AREA_CHART_LEGEND_EDGE_PADDING,bottom:AREA_CHART_LEGEND_PLOT_GAP,left:AREA_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="bottom"){return{top:AREA_CHART_LEGEND_PLOT_GAP,right:AREA_CHART_LEGEND_EDGE_PADDING,bottom:AREA_CHART_LEGEND_EDGE_PADDING,left:AREA_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="left"){return{top:AREA_CHART_LEGEND_EDGE_PADDING,right:AREA_CHART_LEGEND_PLOT_GAP,bottom:AREA_CHART_LEGEND_EDGE_PADDING,left:AREA_CHART_LEGEND_EDGE_PADDING}}if(this.legendPosition==="right"){return{top:AREA_CHART_LEGEND_EDGE_PADDING,right:AREA_CHART_LEGEND_EDGE_PADDING,bottom:AREA_CHART_LEGEND_EDGE_PADDING,left:AREA_CHART_LEGEND_PLOT_GAP}}return{top:AREA_CHART_LEGEND_FLOAT_PADDING,right:AREA_CHART_LEGEND_FLOAT_PADDING,bottom:AREA_CHART_LEGEND_FLOAT_PADDING,left:AREA_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.fillColor??series.color??this.fillColor??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.fillColor??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-area-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:`${AREA_CHART_LEGEND_SWATCH_SIZE}px`,height:`${AREA_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-area-chart__legend-item":true,"sy-area-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:`${AREA_CHART_LEGEND_SWATCH_LABEL_GAP}px`,lineHeight:`${AREA_CHART_LEGEND_SWATCH_SIZE}px`,boxSizing:"border-box",whiteSpace:"nowrap",cursor:"pointer",opacity:disabled?"0.45":"1"}},h("span",{class:"sy-area-chart__legend-swatch",style:swatchStyle}),h("span",{class:"sy-area-chart__legend-label",style:{display:"block",color:"inherit",lineHeight:`${AREA_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-area-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}resolvedFillPattern(){return resolveAreaChartFillPattern({fillPattern:this.fillPattern,patternKind:this.patternKind,patternColor:this.patternColor,patternBackground:this.patternBackground,patternSize:this.patternSize,patternThickness:this.patternThickness,color:this.color})}proAvailability(){{return{available:false,reason:"Pro renderer not included in this build",code:rendererCodeOf(false)}}}fallbackToStandard(reason){console.warn(`[Syidax] sy-area-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-area-chart: auto mode stayed on Standard because ${reason}.`)}warnDegraded(reason){if(!reason||this.lastDegradedReason===reason)return;this.lastDegradedReason=reason;console.warn(`[Syidax] sy-area-chart: Pro renderer is active with degraded output because ${reason}.`)}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=createAreaChartAnimator({durationMs:this.shouldAnimate()?this.animationDuration:0,easing:this.animationEasing,onFrame:frame=>{this.displayValues=frame;this.scheduleDraw()},onStart:()=>this.chartAnimationStart.emit(),onEnd:()=>this.chartAnimationEnd.emit(),onInterrupt:()=>this.chartAnimationInterrupted.emit()});if(rebuild){this.animator.setImmediate(this.coerceForAnimation(this.values))}}routeValuesToAnimator(next,previous){this.cancelInitialRevealAnimation(true);this.animationRevealProgress=1;if(!this.animator){this.displayValues=next;return}const arr=this.coerceForAnimation(next);if(this.shouldUpdateAnimation(previous)){this.animator.animateTo(arr)}else{this.animator.setImmediate(arr)}}startInitialRevealAnimation(){this.cancelInitialRevealAnimation(this.initialRevealRunning);this.animationRevealProgress=0;if(!this.shouldInitialReveal()){this.animationRevealProgress=1;this.scheduleDraw();return}const duration=Math.max(0,Number(this.animationDuration)||0);if(duration<=0){this.animationRevealProgress=1;this.scheduleDraw();return}this.initialRevealRunning=true;this.initialRevealPaused=false;this.initialRevealPausedElapsed=0;this.initialRevealStartedAt=this.now();this.chartAnimationStart.emit();this.scheduleDraw();this.initialRevealFrameHandle=this.scheduleFrame(()=>this.tickInitialRevealAnimation())}tickInitialRevealAnimation(){this.initialRevealFrameHandle=null;if(!this.initialRevealRunning||this.initialRevealPaused)return;const elapsed=this.now()-this.initialRevealStartedAt;const rawProgress=Math.max(0,Math.min(1,elapsed/Math.max(1,Number(this.animationDuration)||1)));this.animationRevealProgress=applyEasing(rawProgress,this.animationEasing);if(rawProgress>=1){this.animationRevealProgress=1;this.initialRevealRunning=false;this.scheduleDraw();this.chartAnimationEnd.emit();return}this.scheduleDraw();this.initialRevealFrameHandle=this.scheduleFrame(()=>this.tickInitialRevealAnimation())}pauseInitialRevealAnimation(){if(!this.initialRevealRunning||this.initialRevealPaused)return;this.initialRevealPausedElapsed=this.now()-this.initialRevealStartedAt;this.initialRevealPaused=true;if(this.initialRevealFrameHandle!==null){this.cancelFrame(this.initialRevealFrameHandle);this.initialRevealFrameHandle=null}}resumeInitialRevealAnimation(){if(!this.initialRevealRunning||!this.initialRevealPaused)return;this.initialRevealPaused=false;this.initialRevealStartedAt=this.now()-this.initialRevealPausedElapsed;this.initialRevealPausedElapsed=0;this.initialRevealFrameHandle=this.scheduleFrame(()=>this.tickInitialRevealAnimation())}cancelInitialRevealAnimation(emitInterrupt=false){const wasRunning=this.initialRevealRunning;if(this.initialRevealFrameHandle!==null){this.cancelFrame(this.initialRevealFrameHandle);this.initialRevealFrameHandle=null}this.initialRevealRunning=false;this.initialRevealPaused=false;this.initialRevealPausedElapsed=0;if(wasRunning&&emitInterrupt)this.chartAnimationInterrupted.emit()}routeStreamValues(previous,next,event){this.cancelInitialRevealAnimation(true);this.animationRevealProgress=1;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.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.scheduleDraw();this.streamFrameHandle=this.scheduleFrame(()=>this.tickStreamFrame())}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}shouldInitialReveal(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)}render(){const legend=this.legend?this.buildLegendLayout():null;const cartesian=this.computeCartesianLayout();const plot=cartesian.plot;const zoomSpec=this.zoomSpec();return h(Host,{key:"fc8f2efe0d048e92a1d82d9959d36533aca15dcf",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`,touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},tabIndex:zoomSpec.enabled&&zoomSpec.keyboard||this.brushKeyboardOn()||this.drawingKeyboardOn()?0:void 0,onKeyDown:this.handleZoomKeyDown,"data-sy-brand-host":"chart"},this.renderAxisOverlay(cartesian),h("canvas",{class:{"sy-area-chart__canvas":true,"sy-area-chart__canvas--standard":this.activeTier==="standard","sy-area-chart__canvas--pro":this.activeTier==="pro"},style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`},key:`sy-area-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.renderCrosshair(cartesian),this.renderZoomOverlay(cartesian),this.renderBrushOverlay(cartesian),this.renderDrawingOverlay(cartesian),legend&&this.renderLegend(legend),this.renderTooltipConnector(),this.renderTooltip(),this.fallbackReason&&h("span",{key:"e6f1039b592c9e0759ceb81e2a21dfe5ee3684ba",class:"sy-area-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.degradedReason&&h("span",{key:"c2d52247f66a5d8b6da6af7409589c9374141b5a",class:"sy-area-chart__watermark sy-area-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":[{"handleSeriesChange":0}],"engine":[{"handleInputsChange":0}],"proThreshold":[{"handleInputsChange":0}],"unavailable":[{"handleInputsChange":0}],"color":[{"handleInputsChange":0}],"fillColor":[{"handleInputsChange":0}],"fillOpacity":[{"handleInputsChange":0}],"fillGradient":[{"handleInputsChange":0}],"fillPattern":[{"handleInputsChange":0}],"patternKind":[{"handleInputsChange":0}],"patternColor":[{"handleInputsChange":0}],"patternBackground":[{"handleInputsChange":0}],"patternSize":[{"handleInputsChange":0}],"patternThickness":[{"handleInputsChange":0}],"thickness":[{"handleInputsChange":0}],"marker":[{"handleInputsChange":0}],"markerSize":[{"handleInputsChange":0}],"markerFilter":[{"handleInputsChange":0}],"baseline":[{"handleInputsChange":0}],"activeSeriesIndex":[{"handleInputsChange":0}],"seriesState":[{"handleInputsChange":0}],"seriesActiveTrigger":[{"handleSeriesActiveTriggerChange":0}],"connectNulls":[{"handleConnectNullsChange":0}],"animated":[{"handleAnimationChange":0}],"animationDuration":[{"handleAnimationChange":0}],"animationEasing":[{"handleAnimationChange":0}],"animationType":[{"handleAnimationChange":0}],"streamSource":[{"handleStreamBindingChange":0}],"streamMax":[{"handleStreamBindingChange":0}],"streamWindow":[{"handleStreamWindowChange":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 hasAreaGaps(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}SyAreaChart.style=syAreaChartCss();export{SyAreaChart as sy_area_chart};