@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/collection/components/chart/radar-chart/sy-radar-chart.js

@@ -0,0 +1 @@
+import{safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computeRadarLayout,computeRadarRings,nearestVertex,radarSpokes,resolveRadarAxis,resolveRadarSeries,toRadians}from"./core/radar-geometry.js";import{normalizeRadarData,resolveRadarSeriesMeta}from"./core/types.js";import{pickRadarEngine}from"./core/radar-chart-core.js";import{createRadarAnimator}from"./core/radar-animator.js";import{createRadarStreamSource}from"./core/radar-stream-source.js";import{ChartStreamingGate,chartStreamingInput,standardOnlyEngineStatus}from"../pie-chart/license/chart-streaming-gate.js";import{radarTooltipSpecFromLegacy,resolveRadarTooltipSpec}from"./core/radar-tooltip.js";import{resolveCartesianCrosshairSpec}from"../_shared/core/contract/index.js";import{radarCrosshairGeometry}from"./core/radar-crosshair.js";import{prepareRadarLayout}from"./engines/standard/index.js";import{categorical,discretize}from"../_shared/core/color/index.js";import{format}from"../_shared/core/format/index.js";import{computeLegendLayout}from"../_shared/core/layout/legend.js";import{computeTooltipPlacement,tooltipConnectorEnd}from"../_shared/core/tooltip/index.js";import{buildChartPointContextMenuDetail}from"../_shared/core/event/index.js";import{renderChartBrand}from"../_shared/core/brand/chart-brand.js";const REVEAL_KEY="reveal";const MORPH_KEY="morph";const CROSSHAIR_REACH=1.2;const REVEAL_STAGGER_SPAN=.58;const ACTIVE_SERIES_HIT_TOLERANCE_PX=6;const TITLE_LINE_HEIGHT=22;const SUBTITLE_LINE_HEIGHT=16;const TITLE_CONTENT_GAP=8;function radarTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function radarTooltipCssValue(key,value){if(typeof value==="number"){const unitless=new Set(["opacity","zIndex","fontWeight","lineHeight","flexGrow","flexShrink"]);return unitless.has(key)?String(value):`${value}px`}return value}export class SyRadarChart{host;data=[];categories=[];min="auto";max="auto";tickInterval="auto";width=360;height=360;brandLogo;brandPosition="bottom-right";variant="line";startAngle=0;size;centerX;centerY;color="#2563eb";colors;lineWidth=2;fillOpacity=.25;gridShape="polygon";gridColor="#e5e7eb";showMarkers=true;markerRadius=3;showRingLabels=true;ringLabelColor="#9ca3af";ringLabelFontSize=10;ringLabelFormat;categoryLabelColor="#374151";categoryLabelFontSize=12;chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;crosshair;legend=false;legendPosition="bottom";legendItems;activeSeriesIndex;seriesActiveTrigger="click";animated=false;animationDuration=450;animationEasing="ease-out";animationType;editable=false;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;pointChange;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShown;tooltipHide;tooltipAction;activeTier="standard";fallbackReason;legendDisabled=new Set;radarTooltip=null;radarTooltips=[];radarCrosshair=null;srAnnouncement="";animationTick=0;autoActiveSeriesIndex;animator=createRadarAnimator();animationFrameHandle=null;stopAnimationLoopImpl;morphPrev=new Map;morphActive=false;morphStreaming=false;lastStreamEventAt;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"plain-fallback"),active:()=>this.boundStreamSource!==void 0,onChange:()=>this.handleStreamLicenseChange()});internalStreamData;streamFrameIds=[];streamFrameSeq=0;suppressNextDataAnimation=false;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;editingPoint=null;editingPointerTarget=null;editingPointerId=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.bindStreamSource();const source=this.activeStreamSource();if(source)this.handleStreamEvent({type:"replace",count:source.length})}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(null))this.startReveal()}componentDidRender(){if(this.detached)return;if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}this.measureRadarTooltipBox()}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear();this.tooltipDrag=void 0}handleDataChange(_next,prev){if(this.suppressNextDataAnimation){this.suppressNextDataAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph(prev);else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(null))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.morphStreaming=false;this.stopAnimationLoop();this.animationTick++}}handleSeriesActiveTriggerChange(){if(this.normalizedSeriesActiveTrigger()==="custom")this.setAutoActiveSeriesIndex(void 0)}handleVisualPropsChange(){this.animationTick++}handleCrosshairChange(){if(!resolveCartesianCrosshairSpec(this.crosshair).show&&this.radarCrosshair!==null){this.radarCrosshair=null;this.crosshairMove.emit(null)}this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async addSeries(series,opts){const next=normalizeRadarData(this.data).slice();const at=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.floor(opts.insertAt):next.length;next.splice(at,0,Array.isArray(series)?{data:series}:series);this.data=next;return at}async removeSeries(idOrIndex){const next=normalizeRadarData(this.data).slice();const idx=this.resolveSeriesIndex(idOrIndex,next);if(idx<0)return false;next.splice(idx,1);this.data=next;return true}async updateSeries(idOrIndex,patch){const next=normalizeRadarData(this.data).slice();const idx=this.resolveSeriesIndex(idOrIndex,next);if(idx<0)return false;next[idx]={...next[idx],...patch};this.data=next;return true}async updatePoint(seriesIdOrIndex,categoryIdOrIndex,value){const next=normalizeRadarData(this.data).map(s=>({...s,data:Array.from(s.data)}));const seriesIndex=this.resolveSeriesIndex(seriesIdOrIndex,next);if(seriesIndex<0)return false;const categoryIndex=this.resolveCategoryIndex(categoryIdOrIndex);if(categoryIndex<0)return false;const finite=typeof value==="number"&&Number.isFinite(value);const data=Array.from(next[seriesIndex].data);while(data.length<=categoryIndex)data.push(null);data[categoryIndex]=finite?value:null;next[seriesIndex]={...next[seriesIndex],data};this.data=next;this.emitPointChange(seriesIndex,categoryIndex);this.refreshTooltipForPoint(seriesIndex,categoryIndex);return true}async appendPoint(frame){await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(frame);return}this.data=[{data:Array.from(frame)}]})}async appendBatch(frames){if(!Array.isArray(frames)||frames.length===0)return;await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(frames);return}this.data=[{data:Array.from(frames[frames.length-1])}];this.appended.emit({count:frames.length})})}async shift(count=1){await this.streamLicense.run("shift",()=>{const source=this.activeStreamSource();if(source){source.shift(count);return}this.windowSlid.emit({dropped:0})})}async replace(frames){await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(frames);return}if(Array.isArray(frames)&&frames.length>0)this.data=[{data:Array.from(frames[frames.length-1])}]})}async getStreamSource(){return this.streamLicense.run("getStreamSource",()=>this.activeStreamSource())}async setAnimation(options){if(!options)return;if(Number.isFinite(options.duration))this.animationDuration=options.duration;if(options.easing)this.animationEasing=options.easing;if(options.type)this.animationType=options.type;if(typeof options.enabled==="boolean"){if(!options.enabled&&this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animated=options.enabled;if(!options.enabled){this.animator.clear();this.morphActive=false;this.morphStreaming=false;this.stopAnimationLoop();this.animationTick++}}}async pauseAnimation(){this.animator.pauseAll(this.now());this.stopAnimationLoop()}async resumeAnimation(){this.animator.resumeAll(this.now());if(this.animator.hasActive())this.startAnimationLoop()}async replayAnimation(){if(!this.shouldAnimate())return;this.startReveal()}async hitTest(cssX,cssY){const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,1);const hit=this.nearestActiveAwareVertex(cssX,cssY,series);if(!hit)return null;return this.buildPointerDetail(hit.seriesIndex,hit.categoryIndex,series)}async showTooltipAt(seriesIndex,categoryIndex){const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,1);const detail=this.buildPointerDetail(seriesIndex,categoryIndex,series);if(!detail)return null;const spec=this.effectiveTooltipSpec();if(!spec.show)return detail;const pt=this.vertexPoint(seriesIndex,categoryIndex,series);if(pt)this.showTooltipForPoint(detail,spec,spec.openMode==="multiple");return detail}async hideTooltip(){this.clearTooltips()}now(){return typeof performance!=="undefined"?performance.now():0}prefersReducedMotion(){return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}shouldAnimate(){if(this.detached)return false;return this.animated&&!this.prefersReducedMotion()}shouldInitialAnimation(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 Array.isArray(input)&&input.length>0}palette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const scheme=categorical.tableau10;return discretize(scheme,Math.max(scheme.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}resolvedActiveSeriesIndex(){if(typeof this.activeSeriesIndex==="number"&&Number.isFinite(this.activeSeriesIndex)&&this.activeSeriesIndex>=0){return Math.trunc(this.activeSeriesIndex)}return this.autoActiveSeriesIndex}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}resolveSeriesIndex(idOrIndex,list){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<list.length?idx:-1}for(let i=0;i<list.length;i++){const s=list[i];if(s.id!==void 0&&String(s.id)===idOrIndex)return i;if(s.name===idOrIndex)return i}return-1}resolveCategoryIndex(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex))return Math.max(0,Math.floor(idOrIndex));return this.effectiveCategories(0).findIndex(c=>c===idOrIndex)}effectiveCategories(metaCount){const specs=normalizeRadarData(this.data);const len=specs.reduce((n,s)=>Math.max(n,s.data.length),0);const count=Math.max(len,this.categories.length,metaCount);const out=[];for(let i=0;i<count;i++)out.push(this.categories[i]??String(i+1));return out}numberFormatter(spec){if(spec){try{return format(spec)}catch{}}return v=>Number.isInteger(v)?String(v):String(Math.round(v*100)/100)}allValues(){return this.valuesForData(this.data)}valuesForData(data){const out=[];for(const s of normalizeRadarData(data)){for(const v of s.data){if(typeof v==="bigint")out.push(Number(v));else if(typeof v==="number"&&Number.isFinite(v))out.push(v)}}return out}layoutForDraw(){const legend=this.legend?this.buildLegendLayout():null;const plot=this.plotRectFromLegend(legend);const cats=this.effectiveCategories(0);return computeRadarLayout({plot,categoryCount:cats.length,startAngle:toRadians(this.startAngle),labelGutter:this.categoryLabelFontSize+18,size:this.size,centerX:this.centerX,centerY:this.centerY})}resolveSeriesForDraw(layout,revealScale){const morphValues=this.morphActive?[...this.morphPrev.values()].flatMap(frame=>frame.values.filter(value=>typeof value==="number"&&Number.isFinite(value))):[];const{min,max}=resolveRadarAxis({values:[...this.allValues(),...morphValues],min:this.min,max:this.max});const palette=this.palette();const specs=normalizeRadarData(this.data);const now=this.now();const morphT=this.morphActive?this.animator.progressAt(MORPH_KEY,now)??1:1;const categoryCount=layout.categoryCount;const targetMetas=specs.map((spec,i)=>{const r=resolveRadarSeriesMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{index:i,id:r.id,name:r.name,color:r.color,variant:r.variant??this.variant,fillOpacity:r.fillOpacity??this.fillOpacity,lineWidth:r.lineWidth??this.lineWidth,pointColors:r.pointColors,visible:r.visible,data:Array.from({length:categoryCount},(_v,c)=>{const target=r.data[c];return typeof target==="number"&&Number.isFinite(target)?target:null})}});const targetIds=new Set(targetMetas.map(meta=>meta.id));const enteringSeriesIndexById=new Map;if(this.morphActive){for(const meta of targetMetas){if(!this.morphPrev.has(meta.id))enteringSeriesIndexById.set(meta.id,enteringSeriesIndexById.size)}}const enteringSeriesCount=Math.max(1,enteringSeriesIndexById.size);const revealForMetaCategory=(meta,categoryIndex)=>{if(this.morphActive){const enteringSeriesIndex=enteringSeriesIndexById.get(meta.id);if(enteringSeriesIndex!==void 0){return this.revealScaleFor({revealScale:morphT,seriesIndex:enteringSeriesIndex,categoryIndex,seriesCount:enteringSeriesCount,categoryCount})}return 1}return this.revealScaleFor({revealScale,seriesIndex:meta.index,categoryIndex,seriesCount:specs.length,categoryCount})};const exitingMetas=this.morphActive&&!this.morphStreaming?[...this.morphPrev.entries()].filter(([id])=>!targetIds.has(id)).map(([id,frame],k)=>({index:-1-k,id,name:frame.name,color:frame.color,variant:frame.variant,fillOpacity:frame.fillOpacity,lineWidth:frame.lineWidth,pointColors:frame.pointColors,visible:frame.visible,data:Array.from({length:categoryCount},()=>min)})):[];const metas=[...exitingMetas,...targetMetas].map(meta=>{const prev=this.morphActive?this.morphPrev.get(meta.id)?.values:void 0;const entering=this.morphActive&&targetIds.has(meta.id)&&enteringSeriesIndexById.has(meta.id);const data=[];for(let c=0;c<categoryCount;c++){const t=meta.data[c];let v=t;if(this.morphActive&&!entering){const p=prev?.[c];const from=prev?typeof p==="number"&&Number.isFinite(p)?p:t??min:min;const to=targetIds.has(meta.id)?t:min;if(to!==null)v=from+(to-from)*morphT}const localReveal=revealForMetaCategory(meta,c);if(v!==null&&localReveal<=0)v=null;data.push(v)}return{index:meta.index,id:meta.id,name:meta.name,color:meta.color,variant:meta.variant,fillOpacity:meta.fillOpacity,lineWidth:meta.lineWidth,pointColors:meta.pointColors,visible:meta.visible&&!this.legendDisabled.has(meta.id),data}});return resolveRadarSeries(metas,layout,min,max).map(series=>({...series,points:series.points.map(point=>{const pointReveal=revealForMetaCategory(series,point.categoryIndex);return{...point,x:layout.cx+(point.x-layout.cx)*pointReveal,y:layout.cy+(point.y-layout.cy)*pointReveal,fraction:point.fraction*pointReveal,revealProgress:pointReveal}})}))}revealScaleFor(options){const progress=Math.max(0,Math.min(1,options.revealScale));const seriesCount=Math.max(1,options.seriesCount);const categoryCount=Math.max(1,options.categoryCount);const totalPoints=seriesCount*categoryCount;if(totalPoints<=1)return progress;const order=options.categoryIndex*seriesCount+options.seriesIndex;const offset=order/(totalPoints-1)*REVEAL_STAGGER_SPAN;const localWindow=Math.max(.01,1-REVEAL_STAGGER_SPAN);return Math.max(0,Math.min(1,(progress-offset)/localWindow))}startReveal(){this.morphActive=false;this.morphStreaming=false;this.animator.clear();const duration=Math.max(0,this.animationDuration);if(duration<=0){this.animationTick++;return}this.animator.start(REVEAL_KEY,{duration,easing:this.animationEasing});this.chartAnimationStart.emit();this.startAnimationLoop()}displayedSeriesValuesFor(data,layout){const morphValues=this.morphActive?[...this.morphPrev.values()].flatMap(frame=>frame.values.filter(value=>typeof value==="number"&&Number.isFinite(value))):[];const{min}=resolveRadarAxis({values:[...this.valuesForData(data),...this.allValues(),...morphValues],min:this.min,max:this.max});const palette=this.palette();const specs=normalizeRadarData(data);const categoryCount=layout.categoryCount;const inFlight=this.morphActive&&this.animator.has(MORPH_KEY);const morphT=inFlight?this.animator.progressAt(MORPH_KEY,this.now())??1:1;const out=new Map;specs.forEach((spec,i)=>{const r=resolveRadarSeriesMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);const prev=inFlight?this.morphPrev.get(r.id)?.values:void 0;const arr=[];for(let c=0;c<categoryCount;c++){const target=r.data[c];const t=typeof target==="number"&&Number.isFinite(target)?target:null;let v=t;if(inFlight&&prev){const p=prev[c];const from=typeof p==="number"&&Number.isFinite(p)?p:t??min;if(t!==null)v=from+(t-from)*morphT}arr.push(v)}out.set(r.id,{name:r.name,color:r.color,variant:r.variant??this.variant,fillOpacity:r.fillOpacity??this.fillOpacity,lineWidth:r.lineWidth??this.lineWidth,pointColors:r.pointColors,visible:r.visible&&!this.legendDisabled.has(r.id),values:arr})});if(inFlight&&!this.morphStreaming){const targetIds=new Set(out.keys());for(const[id,frame]of this.morphPrev.entries()){if(targetIds.has(id))continue;out.set(id,{...frame,values:frame.values.map(value=>{const from=typeof value==="number"&&Number.isFinite(value)?value:min;return from+(min-from)*morphT})})}}return out}startMorph(prevData,opts={}){const layout=this.layoutForDraw();this.morphPrev=this.displayedSeriesValuesFor(prevData,layout);const streaming=opts.streaming===true;this.morphStreaming=streaming;const duration=this.morphDuration(streaming);const easing=streaming?"linear":this.animationEasing;this.animator.cancel(REVEAL_KEY);if(duration<=0){this.morphActive=false;this.morphStreaming=false;this.animationTick++;return}const wasActive=this.animator.hasActive();this.morphActive=true;this.animator.start(MORPH_KEY,{duration,easing});if(!wasActive)this.chartAnimationStart.emit();this.startAnimationLoop()}currentRevealScale(){if(this.animator.has(REVEAL_KEY))return this.animator.progressAt(REVEAL_KEY,this.now())??1;return 1}morphDuration(streaming){if(!streaming)return Math.max(0,this.animationDuration);const now=this.now();const interval=this.lastStreamEventAt!==void 0?now-this.lastStreamEventAt:Infinity;this.lastStreamEventAt=now;return Number.isFinite(interval)?Math.max(1,Math.min(interval,this.animationDuration)):Math.max(0,this.animationDuration)}startAnimationLoop(){if(this.animationFrameHandle!==null)return;const schedule=typeof requestAnimationFrame==="function"?requestAnimationFrame:(cb=>setTimeout(()=>cb(this.now()),16));const cancel=typeof cancelAnimationFrame==="function"?cancelAnimationFrame:(id=>clearTimeout(id));const tick=now=>{this.animationFrameHandle=null;this.animator.tick(now);const stillRunning=this.animator.hasActive();if(!stillRunning){this.morphActive=false;this.morphStreaming=false}this.animationTick++;if(stillRunning){this.animationFrameHandle=schedule(tick)}else{this.chartAnimationEnd.emit()}};this.animationFrameHandle=schedule(tick);this.stopAnimationLoopImpl=()=>{if(this.animationFrameHandle!==null){cancel(this.animationFrameHandle);this.animationFrameHandle=null}}}stopAnimationLoop(){this.stopAnimationLoopImpl?.();this.animationFrameHandle=null}activeStreamSource(){const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();if(route!=="stream")return void 0;if(this.streamSource)return this.streamSource;return this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax)){this.dropInternalStreamSource();return void 0}const capacity=Math.max(1,Math.floor(this.streamMax));if(this.internalStreamSource&&this.internalStreamCapacity===capacity)return this.internalStreamSource;this.internalStreamCapacity=capacity;const seed=normalizeRadarData(this.data)[0];this.internalStreamSource=createRadarStreamSource({capacity,initial:seed?[seed.data]:[]});this.internalStreamData=this.data;return this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;this.internalStreamData=void 0}bindStreamSource(){if(this.detached)return;const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();let source=route==="stream"?this.streamSource??this.ensureInternalStreamSource():void 0;if(source===this.boundStreamSource)return;if(source!==void 0&&source===this.internalStreamSource&&this.data!==this.internalStreamData){this.dropInternalStreamSource();source=this.ensureInternalStreamSource()}this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;if(!source){this.streamFrameIds=[];return}this.boundStreamSource=source;this.syncStreamFrameIds({type:"replace",count:source.length});this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(event))}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamData(){if(this.boundStreamSource!==void 0&&this.boundStreamSource===this.internalStreamSource)this.internalStreamData=this.data}handleStreamEvent(event){if(!this.boundStreamSource)return;this.syncStreamFrameIds(event);const frames=this.boundStreamSource.snapshot(this.streamWindow);if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});else if(event.type==="shift")this.windowSlid.emit({dropped:event.count});const next=this.streamSeriesFromFrames(frames);if(this.dataMatchesStreamSeries(next))return;const prev=this.data;this.suppressNextDataAnimation=true;this.data=next;this.noteStreamData();if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph(prev,{streaming:true});else this.animationTick++}streamSeriesFromFrames(frames){const ids=this.streamFrameIds.slice(Math.max(0,this.streamFrameIds.length-frames.length));return frames.map((frame,index)=>({id:ids[index]??this.nextStreamFrameId(),name:`Frame ${index+1}`,data:Array.from(frame)}))}dataMatchesStreamSeries(nextData){const next=normalizeRadarData(nextData);const current=normalizeRadarData(this.data);if(current.length!==next.length)return false;return current.every((series,index)=>this.seriesMatchesStreamFrame(series,next[index]))}seriesMatchesStreamFrame(a,b){if(!b)return false;if(a.id!==b.id)return false;if(a.data.length!==b.data.length)return false;return a.data.every((value,index)=>value===b.data[index])}nextStreamFrameId(){this.streamFrameSeq+=1;return`stream-${this.streamFrameSeq}`}syncStreamFrameIds(event){const sourceLength=this.boundStreamSource?.length??0;if(event.type==="replace"){this.streamFrameIds=this.initialStreamFrameIds(sourceLength);return}if(event.type==="shift"){this.streamFrameIds.splice(0,Math.max(0,event.count))}while(this.streamFrameIds.length>sourceLength)this.streamFrameIds.shift();while(this.streamFrameIds.length<sourceLength)this.streamFrameIds.push(this.nextStreamFrameId())}initialStreamFrameIds(sourceLength){const palette=this.palette();const specs=normalizeRadarData(this.data);return Array.from({length:sourceLength},(_value,index)=>{const spec=specs[index];if(!spec)return this.nextStreamFrameId();return resolveRadarSeriesMeta(spec,index,palette[index%Math.max(1,palette.length)]??this.color).id})}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const palette=this.palette();return normalizeRadarData(this.data).map((spec,i)=>{const r=resolveRadarSeriesMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{label:r.name,swatchColor:r.color,swatchShape:"square",disabled:this.legendDisabled.has(r.id),id:r.id,seriesIndex:i}})}buildLegendLayout(){const items=this.buildLegendItems();if(!items.length)return null;const top=this.titleGutter();const layout=computeLegendLayout({outerWidth:this.width,outerHeight:Math.max(1,this.height-top),items,position:this.legendPosition,direction:this.legendPosition==="top"||this.legendPosition==="bottom"?"horizontal":"vertical",align:"center",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:10,swatchLabelGap:6,rowGap:6,wrap:true});if(top<=0)return layout;return{...layout,legendRect:layout.legendRect?{...layout.legendRect,y:layout.legendRect.y+top}:layout.legendRect,itemRects:layout.itemRects.map(r=>({...r,y:r.y+top,swatchRect:{...r.swatchRect,y:r.swatchRect.y+top},labelRect:{...r.labelRect,y:r.labelRect.y+top}})),remainingOuter:{...layout.remainingOuter,y:layout.remainingOuter.y+top}}}titleGutter(){let g=0;if(this.chartTitle)g+=TITLE_LINE_HEIGHT;if(this.chartSubtitle)g+=SUBTITLE_LINE_HEIGHT;if(g>0)g+=TITLE_CONTENT_GAP;return g}plotRectFromLegend(legend){if(!legend?.remainingOuter){const top=this.titleGutter();return{x:0,y:top,width:Math.max(1,this.width),height:Math.max(1,this.height-top)}}return{x:legend.remainingOuter.x,y:legend.remainingOuter.y,width:Math.max(1,legend.remainingOuter.width),height:Math.max(1,legend.remainingOuter.height)}}onLegendItemClick=(index,seriesId,label)=>{const disabled=!this.legendDisabled.has(seriesId);const next=new Set(this.legendDisabled);if(disabled)next.add(seriesId);else next.delete(seriesId);this.legendDisabled=next;this.legendItemClick.emit({index,seriesId,label,disabled});this.seriesToggled.emit({index,seriesId,disabled})};onLegendKeyDown=(ev,index,seriesId,label)=>{if(ev.key!=="Enter"&&ev.key!==" ")return;ev.preventDefault();this.onLegendItemClick(index,seriesId,label)};buildPointerDetail(seriesIndex,categoryIndex,series){const s=series.find(entry=>entry.index===seriesIndex);if(!s)return null;const p=s.points[categoryIndex];const cats=this.effectiveCategories(0);return{seriesIndex,seriesId:s.id,seriesName:s.name,categoryIndex,category:cats[categoryIndex]??String(categoryIndex),value:p?p.value:null,fraction:p?p.fraction:0,cssX:p?p.x:0,cssY:p?p.y:0}}emitPointChange(seriesIndex,categoryIndex){const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,1);const detail=this.buildPointerDetail(seriesIndex,categoryIndex,series);if(detail)this.pointChange.emit(detail);return detail}vertexPoint(seriesIndex,categoryIndex,series){const p=series.find(entry=>entry.index===seriesIndex)?.points[categoryIndex];return p&&p.value!==null?{x:p.x,y:p.y}:null}nearestActiveAwareVertex(cssX,cssY,series){return nearestVertex(cssX,cssY,series,18,{activeSeriesIndex:this.resolvedActiveSeriesIndex(),activeTolerance:ACTIVE_SERIES_HIT_TOLERANCE_PX})}seriesVisualsForRender(seriesVisuals){const active=this.resolvedActiveSeriesIndex();if(active===void 0)return seriesVisuals;const activeIndex=Math.trunc(active);const activeVisual=seriesVisuals.find(series=>series.visible&&series.seriesIndex===activeIndex);if(!activeVisual)return seriesVisuals;return[...seriesVisuals.filter(series=>series!==activeVisual),activeVisual]}tooltipHtml(detail){const fmt=this.numberFormatter(this.ringLabelFormat);const val=detail.value===null?"–":fmt(detail.value);return`<strong>${escapeHtml(detail.seriesName)}</strong><br/>${escapeHtml(detail.category)}: ${val}`}plainTooltipText(detail){const fmt=this.numberFormatter(this.ringLabelFormat);const val=detail.value===null?"–":fmt(detail.value);return`${detail.seriesName} · ${detail.category}: ${val}`}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveRadarTooltipSpec(this.tooltip);return radarTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}hasVisibleTooltips(){return this.radarTooltip!==null||this.radarTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.radarTooltip=null;this.radarTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForPoint(detail,spec,allowMultiple){const rendered=this.renderedTooltipForPoint(detail,spec);this.tooltipDrag=void 0;if(allowMultiple&&spec.openMode==="multiple"){this.radarTooltip=rendered;this.radarTooltips=[...this.radarTooltips,rendered]}else{this.radarTooltips=[];this.radarTooltip=rendered}const eventDetail=this.tooltipShowEventForRendered(rendered);this.tooltipShown.emit(eventDetail);return eventDetail}renderedTooltipForPoint(detail,spec,existing){const context={...detail};const side=spec.side??existing?.side??"top";const text=spec.format?safeChartFormatter(spec.format,[detail,context],()=>this.plainTooltipText(detail),"tooltip.format",spec):this.plainTooltipText(detail);const html=spec.html?safeChartFormatter(spec.html,[detail,context],()=>void 0,"tooltip.html",spec):spec.format?void 0:this.tooltipHtml(detail);const existingLock=existing?.positionLock&&(spec.draggable||spec.interactive)?{lock:existing.positionLock,side:existing.side,box:existing.box}:void 0;const locked=existingLock??this.lockedTooltipPositionForDetail(detail,spec);const renderedSide=locked?.side??side;const box=locked?.box??existing?.box;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,box,spec.offset):{cssX:detail.cssX,cssY:detail.cssY};return{id:existing?.id??this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:detail.cssX,pointCssY:detail.cssY,box,side:renderedSide,text,html,className:spec.className,style:this.tooltipStyleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context}}tooltipShowEventForRendered(rendered){return{cssX:rendered.cssX,cssY:rendered.cssY,anchor:rendered.side,text:rendered.text,html:rendered.html,context:rendered.context}}refreshTooltipForPoint(seriesIndex,categoryIndex,showIfMissing=false){const spec=this.effectiveTooltipSpec();if(!spec.show)return;const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,1);const detail=this.buildPointerDetail(seriesIndex,categoryIndex,series);if(!detail)return;let refreshed=false;const matches=tooltip=>tooltip.context.seriesIndex===seriesIndex&&tooltip.context.categoryIndex===categoryIndex;const refresh=tooltip=>{refreshed=true;return this.renderedTooltipForPoint(detail,spec,tooltip)};if(this.radarTooltip&&matches(this.radarTooltip)){this.radarTooltip=refresh(this.radarTooltip)}if(this.radarTooltips.length>0){this.radarTooltips=this.radarTooltips.map(tooltip=>matches(tooltip)?refresh(tooltip):tooltip)}if(!refreshed&&showIfMissing){this.showTooltipForPoint(detail,spec,false)}}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}positionedRadarTooltip(tooltip=this.radarTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,cssX:anchor.cssX,cssY:anchor.cssY,side:placement.side}}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKey(detail){return`${detail.seriesIndex}:${detail.categoryIndex}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKey(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForDetail(detail,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKey(detail));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positionedRadarTooltip();if(!tooltip?.box||tooltip.context.seriesIndex!==detail.seriesIndex||tooltip.context.categoryIndex!==detail.categoryIndex)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}lockedTooltipFromElement(tooltip,element){const rendered=this.positionedRadarTooltip(tooltip)??tooltip;const rect=element.getBoundingClientRect();const measuredBox=Number.isFinite(rect.width)&&Number.isFinite(rect.height)?{width:Math.round(rect.width*100)/100,height:Math.round(rect.height*100)/100}:void 0;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=tooltip.box??rendered.box??measuredBox;const next={...tooltip,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));return next}updateRenderedTooltip(next){if(this.radarTooltip?.id===next.id)this.radarTooltip=next;if(this.radarTooltips.some(entry=>entry.id===next.id)){this.radarTooltips=this.radarTooltips.map(entry=>entry.id===next.id?next:entry)}this.rememberDraggableTooltipPosition(next)}measureRadarTooltipBox(){if(this.radarTooltips.length>0)return;const tooltip=this.radarTooltip;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 lock=tooltip.positionLock??(tooltip.interactive?this.tooltipTopLeftFromElement(element):void 0);const next={...tooltip,box,positionLock:lock};if(lock){Object.assign(next,this.tooltipAnchorFromPositionLock(lock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.radarTooltip=next}localPoint(ev){const rect=this.host.getBoundingClientRect();return{x:ev.clientX-rect.left,y:ev.clientY-rect.top}}onChartMove=ev=>{if(this.editingPoint)return;if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);this.updateRadarCrosshair(layout,series,p.x,p.y);const hit=this.nearestActiveAwareVertex(p.x,p.y,series);if(!hit){this.clearHover();return}const detail=this.buildPointerDetail(hit.seriesIndex,hit.categoryIndex,series);if(!detail){this.clearHover();return}if(this.normalizedSeriesActiveTrigger()==="hover")this.setAutoActiveSeriesIndex(detail.seriesIndex);this.pointHover.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForPoint(detail,spec,false)}};onChartLeave=()=>{if(this.editingPoint)return;this.clearRadarCrosshair();this.clearHover()};updateRadarCrosshair(layout,series,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!(layout.radius>0)){this.clearRadarCrosshair();return}const distance=Math.hypot(cssX-layout.cx,cssY-layout.cy);if(distance>layout.radius*CROSSHAIR_REACH){this.clearRadarCrosshair();return}const geom=radarCrosshairGeometry({layout,series,cssX,cssY,spec,gridShape:this.gridShape});if(!geom.spoke&&!geom.ring){this.clearRadarCrosshair();return}this.radarCrosshair={geom,color:spec.color,dash:spec.dash};this.crosshairMove.emit({cssX:geom.cssX,cssY:geom.cssY,snappedPointIndex:geom.categoryIndex>=0?geom.categoryIndex:void 0})}clearRadarCrosshair(){if(this.radarCrosshair===null)return;this.radarCrosshair=null;this.crosshairMove.emit(null)}onChartClick=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=this.nearestActiveAwareVertex(p.x,p.y,series);if(!hit){if(this.normalizedSeriesActiveTrigger()!=="custom")this.setAutoActiveSeriesIndex(void 0);if(this.hasVisibleTooltips())this.clearTooltips();return}const detail=this.buildPointerDetail(hit.seriesIndex,hit.categoryIndex,series);if(detail&&this.normalizedSeriesActiveTrigger()!=="custom")this.setAutoActiveSeriesIndex(detail.seriesIndex);if(detail)this.pointClick.emit(detail);const spec=this.effectiveTooltipSpec();if(detail&&spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForPoint(detail,spec,true)}};onPointContextMenu=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const series=this.resolveSeriesForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=this.nearestActiveAwareVertex(p.x,p.y,series);if(!hit)return;const detail=this.buildPointerDetail(hit.seriesIndex,hit.categoryIndex,series);if(!detail)return;ev.preventDefault();ev.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(ev,this.host,"radar",detail))};onPointPointerDown=(ev,seriesIndex,categoryIndex)=>{if(!this.editable)return;ev.preventDefault();ev.stopPropagation();this.editingPoint={seriesIndex,categoryIndex};this.editingPointerId=ev.pointerId;const target=ev.currentTarget;this.editingPointerTarget=target instanceof globalThis.Element?target:this.host;this.editingPointerTarget.setPointerCapture?.(ev.pointerId)};onChartPointerMove=ev=>{if(!this.editingPoint)return;this.updateEditingPoint(ev)};onChartPointerUp=ev=>{if(!this.editingPoint)return;const pointerId=this.editingPointerId??ev.pointerId;if(this.editingPointerTarget?.hasPointerCapture?.(pointerId)){this.editingPointerTarget.releasePointerCapture(pointerId)}this.editingPoint=null;this.editingPointerTarget=null;this.editingPointerId=null};updateEditingPoint(ev){const editing=this.editingPoint;if(!editing)return;const layout=this.layoutForDraw();const{min,max}=resolveRadarAxis({values:this.allValues(),min:this.min,max:this.max});const p=this.localPoint(ev);const distance=Math.hypot(p.x-layout.cx,p.y-layout.cy);const fraction=Math.max(0,Math.min(1,distance/Math.max(1,layout.radius)));const value=min+(max-min)*fraction;void this.updatePoint(editing.seriesIndex,editing.categoryIndex,value).then(ok=>{if(ok)this.refreshTooltipForPoint(editing.seriesIndex,editing.categoryIndex,true)})}clearHover(){this.pointHover.emit(null);if(this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec()))this.clearTooltips()}handleTooltipActionClick=ev=>{const target=ev.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipElement=actionTarget?.closest?.("[data-tooltip-id]");const tooltipId=Number(tooltipElement?.getAttribute("data-tooltip-id"));let tooltip=this.radarTooltips.find(entry=>entry.id===tooltipId)??this.radarTooltip;if(!action||!tooltip)return;if(tooltipElement&&(tooltip.interactive||tooltip.draggable)){tooltip=this.lockedTooltipFromElement(tooltip,tooltipElement);this.updateRenderedTooltip(tooltip)}ev.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.radarTooltip?.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 next=this.lockedTooltipFromElement(this.radarTooltip,element);const lock=next.positionLock??{x:next.cssX,y:next.cssY};this.radarTooltip=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.radarTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.radarTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.radarTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.radarTooltip)this.rememberDraggableTooltipPosition(this.radarTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};accessibleSummary(series){const cats=this.effectiveCategories(0);const visible=series.filter(s=>s.visible);const title=this.chartTitle?`${this.chartTitle}. `:"";return`${title}Radar chart, ${cats.length} axes (${cats.join(", ")}), ${visible.length} series.`}render(){const renderStart=this.now();const decision=pickRadarEngine({requested:this.engine,onUnavailable:this.unavailable});if(decision.tier!==this.activeTier)this.activeTier=decision.tier;if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;const layout=this.layoutForDraw();const{min,max}=resolveRadarAxis({values:this.allValues(),min:this.min,max:this.max});const cats=this.effectiveCategories(0);const fmt=this.numberFormatter(this.ringLabelFormat);const rings=computeRadarRings({min,max,tickInterval:this.tickInterval,radius:layout.radius}).map(r=>({...r,label:this.showRingLabels?fmt(r.value):void 0}));const spokes=radarSpokes(layout,cats);const series=this.resolveSeriesForDraw(layout,this.currentRevealScale());const style={gridColor:this.gridColor,gridShape:this.gridShape,spokeColor:this.gridColor,showMarkers:this.showMarkers,markerRadius:this.markerRadius,ringLabelShow:this.showRingLabels,ringLabelColor:this.ringLabelColor,ringLabelFontSize:this.ringLabelFontSize,categoryLabelColor:this.categoryLabelColor,categoryLabelFontSize:this.categoryLabelFontSize};const visual=prepareRadarLayout({layout,rings,spokes,series,style});const seriesVisuals=this.seriesVisualsForRender(visual.seriesVisuals);this.lastRenderResult={points:visual.pointCount,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;const legendLayout=this.legend?this.buildLegendLayout():null;return h(Host,{key:"036d678d952308e2e149c04cf653902a0516249c","data-sy-brand-host":"chart"},h("div",{key:"99cb6628e0bb9c60ce4151fa91dfbee83c8a43f3",class:"sy-radar-chart",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"}},h("svg",{key:"4ee44207fc9b11f536cb1a53b870ac47e3ba4578",class:"sy-radar-chart__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,role:"img","aria-label":this.accessibleSummary(series),onMouseMove:e=>this.onChartMove(e),onMouseLeave:()=>this.onChartLeave(),onContextMenu:e=>this.onPointContextMenu(e),onClick:e=>this.onChartClick(e),onPointerMove:e=>this.onChartPointerMove(e),onPointerUp:e=>this.onChartPointerUp(e),onPointerCancel:e=>this.onChartPointerUp(e)},this.chartTitle?h("text",{class:"sy-radar-chart__title",x:this.width/2,y:16,"text-anchor":"middle",style:{fontSize:"14px",fontWeight:"600"}},this.chartTitle):null,this.chartSubtitle?h("text",{class:"sy-radar-chart__subtitle",x:this.width/2,y:this.chartTitle?32:16,"text-anchor":"middle",style:{fontSize:"12px",fill:"#64748b"}},this.chartSubtitle):null,h("g",{key:"029549792b93c546dbb0531a13ba2dc231ee0851",class:"sy-radar-chart__grid"},visual.ringVisuals.map(ring=>h("path",{key:ring.key,class:"sy-radar-chart__ring",d:ring.path,fill:"none",stroke:style.gridColor,"stroke-width":1})),visual.spokeVisuals.map(spoke=>h("line",{key:spoke.key,class:"sy-radar-chart__spoke",x1:spoke.x1,y1:spoke.y1,x2:spoke.x2,y2:spoke.y2,stroke:style.spokeColor,"stroke-width":1})),visual.ringVisuals.map(ring=>ring.label?h("text",{key:`${ring.key}l`,class:"sy-radar-chart__ring-label",x:ring.label.x,y:ring.label.y,"text-anchor":"end",style:{fontSize:`${ring.label.fontSize}px`,fill:ring.label.color}},ring.label.text):null)),h("g",{key:"867f1b73ebd6ea370af10037fbd734c68884fa66",class:"sy-radar-chart__series"},seriesVisuals.map(s=>s.visible?h("g",{key:s.key},s.fillPath?h("path",{class:"sy-radar-chart__area",d:s.fillPath,fill:s.color,"fill-opacity":s.fillOpacity,stroke:"none"}):null,h("path",{class:"sy-radar-chart__line",d:s.linePath,fill:"none",stroke:s.color,"stroke-width":s.lineWidth,"stroke-linejoin":"round"}),s.markers.map(m=>h("circle",{key:m.key,class:{"sy-radar-chart__marker":true,"sy-radar-chart__marker--editable":this.editable},cx:m.cx,cy:m.cy,r:m.radius,fill:m.color,opacity:m.opacity,onPointerDown:e=>this.onPointPointerDown(e,m.seriesIndex,m.categoryIndex)}))):null)),this.renderRadarCrosshair(),h("g",{key:"7eb9de2b9019c5440c87299c237a74c04bffde03",class:"sy-radar-chart__category-labels"},visual.spokeVisuals.map(spoke=>h("text",{key:`${spoke.key}c`,x:spoke.label.x,y:spoke.label.y,"text-anchor":spoke.label.anchor,"dominant-baseline":"middle",style:{fontSize:`${spoke.label.fontSize}px`,fill:spoke.label.color}},spoke.label.text))),h("text",{key:"f2003606bf03c36377c5fc9e5b4e0d701aeec15e",class:"sy-radar-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement)),this.fallbackReason&&h("span",{key:"6620db49970d939bd9a366fc1ad677725eda7579",class:"sy-radar-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),legendLayout?.legendRect?h("div",{class:"sy-radar-chart__legend",role:"list",style:{position:"absolute",left:`${legendLayout.legendRect.x}px`,top:`${legendLayout.legendRect.y}px`,width:`${legendLayout.legendRect.width}px`,height:`${legendLayout.legendRect.height}px`}},this.buildLegendItems().map((item,i)=>{const rect=legendLayout.itemRects[i];if(!rect)return null;return h("span",{class:{"sy-radar-chart__legend-item":true,"sy-radar-chart__legend-item--disabled":!!item.disabled},role:"button",tabindex:0,"aria-pressed":item.disabled?"false":"true","aria-label":`${item.label}${item.disabled?", hidden":", shown"}`,style:{position:"absolute",left:`${rect.x-legendLayout.legendRect.x}px`,top:`${rect.y-legendLayout.legendRect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",alignItems:"center",gap:"6px",whiteSpace:"nowrap"},onClick:()=>this.onLegendItemClick(i,String(item.id??i),item.label),onKeyDown:ev=>this.onLegendKeyDown(ev,i,String(item.id??i),item.label)},h("span",{class:"sy-radar-chart__legend-swatch",style:{background:item.swatchColor}}),h("span",null,item.label))})):null,this.renderRadarTooltipConnector(),this.renderRadarTooltip()),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(legendLayout)}))}renderRadarCrosshair(){const state=this.radarCrosshair;if(!state)return null;if(!resolveCartesianCrosshairSpec(this.crosshair).show)return null;const{geom}=state;if(!geom.spoke&&!geom.ring)return null;const color=state.color??"var(--sy-crosshair-color, rgba(15, 23, 42, 0.35))";const dash=state.dash&&state.dash.length>0?state.dash.join(" "):void 0;return h("g",{class:"sy-radar-chart__crosshair",style:{pointerEvents:"none"},"aria-hidden":"true"},geom.ring?h("path",{class:"sy-radar-chart__crosshair-ring",d:geom.ring.path,fill:"none",stroke:color,"stroke-width":1,"stroke-dasharray":dash}):null,geom.spoke?h("line",{class:"sy-radar-chart__crosshair-spoke",x1:geom.spoke.x1,y1:geom.spoke.y1,x2:geom.spoke.x2,y2:geom.spoke.y2,stroke:color,"stroke-width":1,"stroke-dasharray":dash}):null)}renderRadarTooltip(){const multiple=this.radarTooltips.length>0;const tooltips=multiple?this.radarTooltips:[this.positionedRadarTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderRadarTooltipItem(tooltip,!multiple))}renderRadarTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:"none"};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform="none"}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]=radarTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:radarTooltipClassName("sy-radar-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:radarTooltipClassName("sy-radar-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)}renderRadarTooltipConnector(){const tooltips=this.radarTooltips.length>0?this.radarTooltips:[this.positionedRadarTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-radar-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"radar"})}static get is(){return"sy-radar-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-radar-chart.scss"]}}static get styleUrls(){return{"$":["sy-radar-chart.css"]}}static get properties(){return{"data":{"type":"unknown","mutable":true,"complexType":{"original":"RadarChartData","resolved":"readonly RadarSeriesSpec[] | readonly number[]","references":{"RadarChartData":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartData","referenceLocation":"RadarChartData"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"categories":{"type":"unknown","mutable":true,"complexType":{"original":"string[]","resolved":"string[]","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"min":{"type":"any","mutable":false,"complexType":{"original":"number | 'auto'","resolved":'"auto" | number',"references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"min","defaultValue":"'auto'"},"max":{"type":"any","mutable":false,"complexType":{"original":"number | 'auto'","resolved":'"auto" | number',"references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"max","defaultValue":"'auto'"},"tickInterval":{"type":"any","mutable":false,"complexType":{"original":"number | 'auto'","resolved":'"auto" | number',"references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"tick-interval","defaultValue":"'auto'"},"width":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"width","defaultValue":"360"},"height":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"height","defaultValue":"360"},"brandLogo":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"brand-logo"},"brandPosition":{"type":"string","mutable":false,"complexType":{"original":"'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'","resolved":'"bottom-left" | "bottom-right" | "top-left" | "top-right"',"references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":true,"attribute":"brand-position","defaultValue":"'bottom-right'"},"variant":{"type":"string","mutable":false,"complexType":{"original":"RadarChartVariant","resolved":'"area" | "line"',"references":{"RadarChartVariant":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartVariant","referenceLocation":"RadarChartVariant"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"variant","defaultValue":"'line'"},"startAngle":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"start-angle","defaultValue":"0"},"size":{"type":"any","mutable":false,"complexType":{"original":"number | string","resolved":"number | string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"size"},"centerX":{"type":"any","mutable":false,"complexType":{"original":"number | string","resolved":"number | string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"center-x"},"centerY":{"type":"any","mutable":false,"complexType":{"original":"number | string","resolved":"number | string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"center-y"},"color":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"color","defaultValue":"'#2563eb'"},"colors":{"type":"unknown","mutable":false,"complexType":{"original":"ReadonlyArray<string>","resolved":"readonly string[]","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"lineWidth":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"line-width","defaultValue":"2"},"fillOpacity":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"fill-opacity","defaultValue":"0.25"},"gridShape":{"type":"string","mutable":false,"complexType":{"original":"RadarGridShape","resolved":'"circle" | "polygon"',"references":{"RadarGridShape":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarGridShape","referenceLocation":"RadarGridShape"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"grid-shape","defaultValue":"'polygon'"},"gridColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"grid-color","defaultValue":"'#e5e7eb'"},"showMarkers":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"show-markers","defaultValue":"true"},"markerRadius":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"marker-radius","defaultValue":"3"},"showRingLabels":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"show-ring-labels","defaultValue":"true"},"ringLabelColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"ring-label-color","defaultValue":"'#9ca3af'"},"ringLabelFontSize":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"ring-label-font-size","defaultValue":"10"},"ringLabelFormat":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"ring-label-format"},"categoryLabelColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"category-label-color","defaultValue":"'#374151'"},"categoryLabelFontSize":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"category-label-font-size","defaultValue":"12"},"chartTitle":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"chart-title"},"chartSubtitle":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"chart-subtitle"},"tooltipShow":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"tooltip-show","defaultValue":"true"},"tooltipFormat":{"type":"unknown","mutable":false,"complexType":{"original":"(detail: RadarChartPointerEventDetail) => string","resolved":"(detail: RadarChartPointerEventDetail) => string","references":{"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"tooltip":{"type":"any","mutable":false,"complexType":{"original":"RadarChartTooltipInput","resolved":'"auto" | "off" | Omit<Partial<RadarChartTooltipSpec>, "connector"> & { connector?: RadarChartTooltipConnectorInput; } | boolean',"references":{"RadarChartTooltipInput":{"location":"import","path":"./core/radar-tooltip","id":"src/components/chart/radar-chart/core/radar-tooltip.ts::RadarChartTooltipInput","referenceLocation":"RadarChartTooltipInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"tooltip"},"enableMouseTracking":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"enable-mouse-tracking","defaultValue":"true"},"crosshair":{"type":"any","mutable":false,"complexType":{"original":"CartesianCrosshairInput","resolved":"CartesianCrosshairSpec | boolean | string","references":{"CartesianCrosshairInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianCrosshairInput","referenceLocation":"CartesianCrosshairInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"crosshair"},"legend":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend","defaultValue":"false"},"legendPosition":{"type":"string","mutable":false,"complexType":{"original":"RadarChartLegendPosition","resolved":'"bottom" | "left" | "right" | "top"',"references":{"RadarChartLegendPosition":{"location":"local","path":"src/components/chart/radar-chart/sy-radar-chart.tsx","id":"src/components/chart/radar-chart/sy-radar-chart.tsx::RadarChartLegendPosition"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend-position","defaultValue":"'bottom'"},"legendItems":{"type":"unknown","mutable":false,"complexType":{"original":"LegendItem[]","resolved":"LegendItem[]","references":{"LegendItem":{"location":"import","path":"../_shared/core/layout/legend","id":"src/components/chart/_shared/core/layout/legend.ts::LegendItem","referenceLocation":"LegendItem"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"activeSeriesIndex":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"active-series-index"},"seriesActiveTrigger":{"type":"string","mutable":false,"complexType":{"original":"RadarChartSeriesActiveTrigger","resolved":'"click" | "custom" | "hover"',"references":{"RadarChartSeriesActiveTrigger":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartSeriesActiveTrigger","referenceLocation":"RadarChartSeriesActiveTrigger"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"series-active-trigger","defaultValue":"'click'"},"animated":{"type":"boolean","mutable":true,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animate","defaultValue":"false"},"animationDuration":{"type":"number","mutable":true,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-duration","defaultValue":"450"},"animationEasing":{"type":"string","mutable":true,"complexType":{"original":"RadarChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"RadarChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartEasing","referenceLocation":"RadarChartEasing"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-easing","defaultValue":"'ease-out'"},"animationType":{"type":"string","mutable":true,"complexType":{"original":"RadarChartAnimationType","resolved":'"initial" | "update"',"references":{"RadarChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartAnimationType","referenceLocation":"RadarChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"editable":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"editable","defaultValue":"false"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"RadarChartStreamSource","resolved":"RadarChartStreamSource","references":{"RadarChartStreamSource":{"location":"import","path":"./core/radar-stream-source","id":"src/components/chart/radar-chart/core/radar-stream-source.ts::RadarChartStreamSource","referenceLocation":"RadarChartStreamSource"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"streamWindow":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"stream-window"},"streamMax":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"stream-max"},"engine":{"type":"string","mutable":false,"complexType":{"original":"RadarChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"RadarChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartEngineMode","referenceLocation":"RadarChartEngineMode"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"engine","defaultValue":"'auto'"},"proThreshold":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"pro-threshold","defaultValue":"50_000"},"unavailable":{"type":"string","mutable":false,"complexType":{"original":"RadarChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"RadarChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartUnavailableBehaviour","referenceLocation":"RadarChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"fallbackReason":{},"legendDisabled":{},"radarTooltip":{},"radarTooltips":{},"radarCrosshair":{},"srAnnouncement":{},"animationTick":{},"autoActiveSeriesIndex":{}}}static get events(){return[{"method":"rendered","name":"rendered","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartRenderResult & { tier: RadarChartEngineTier }","resolved":'RadarChartRenderResult & { tier: "standard"; }',"references":{"RadarChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartRenderResult","referenceLocation":"RadarChartRenderResult"},"RadarChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartEngineTier","referenceLocation":"RadarChartEngineTier"}}}},{"method":"pointClick","name":"pointClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartPointerEventDetail","resolved":"RadarChartPointerEventDetail","references":{"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}}}},{"method":"pointHover","name":"pointHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartPointerEventDetail | null","resolved":"RadarChartPointerEventDetail","references":{"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}}}},{"method":"crosshairMove","name":"crosshairMove","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianCrosshairEventDetail | null","resolved":"CartesianCrosshairEventDetail","references":{"CartesianCrosshairEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianCrosshairEventDetail","referenceLocation":"CartesianCrosshairEventDetail"}}}},{"method":"pointContextMenu","name":"pointContextMenu","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ChartPointContextMenuEventDetail<RadarChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<RadarChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}}}},{"method":"pointChange","name":"pointChange","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartPointerEventDetail","resolved":"RadarChartPointerEventDetail","references":{"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}}}},{"method":"legendItemClick","name":"legendItemClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ index: number; seriesId: string; label: string; disabled: boolean }","resolved":"{ index: number; seriesId: string; label: string; disabled: boolean; }","references":{}}},{"method":"seriesToggled","name":"seriesToggled","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ index: number; seriesId: string; disabled: boolean }","resolved":"{ index: number; seriesId: string; disabled: boolean; }","references":{}}},{"method":"appended","name":"appended","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ count: number }","resolved":"{ count: number; }","references":{}}},{"method":"windowSlid","name":"windowSlid","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ dropped: number }","resolved":"{ dropped: number; }","references":{}}},{"method":"chartAnimationStart","name":"chartAnimationStart","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationEnd","name":"chartAnimationEnd","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationInterrupted","name":"chartAnimationInterrupted","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"tooltipShown","name":"tooltipShow","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartTooltipShowEventDetail","resolved":"RadarChartTooltipShowEventDetail","references":{"RadarChartTooltipShowEventDetail":{"location":"import","path":"./core/radar-tooltip","id":"src/components/chart/radar-chart/core/radar-tooltip.ts::RadarChartTooltipShowEventDetail","referenceLocation":"RadarChartTooltipShowEventDetail"}}}},{"method":"tooltipHide","name":"tooltipHide","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"tooltipAction","name":"tooltipAction","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"RadarChartTooltipActionEventDetail","resolved":"RadarChartTooltipActionEventDetail","references":{"RadarChartTooltipActionEventDetail":{"location":"import","path":"./core/radar-tooltip","id":"src/components/chart/radar-chart/core/radar-tooltip.ts::RadarChartTooltipActionEventDetail","referenceLocation":"RadarChartTooltipActionEventDetail"}}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<RadarChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartRenderResult","referenceLocation":"RadarChartRenderResult"}},"return":"Promise<RadarChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<RadarChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartEngineTier","referenceLocation":"RadarChartEngineTier"}},"return":'Promise<"standard">'},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(data: RadarChartData) => Promise<void>","parameters":[{"name":"data","type":"readonly number[] | readonly RadarSeriesSpec[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartData":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartData","referenceLocation":"RadarChartData"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"addSeries":{"complexType":{"signature":"(series: RadarChartData[number], opts?: { insertAt?: number; }) => Promise<number>","parameters":[{"name":"series","type":"number | RadarSeriesSpec","docs":{text:"",tags:[]}},{"name":"opts","type":"{ insertAt?: number; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartData":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartData","referenceLocation":"RadarChartData"}},"return":"Promise<number>"},"docs":{text:"",tags:[]}},"removeSeries":{"complexType":{"signature":"(idOrIndex: string | number) => Promise<boolean>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"updateSeries":{"complexType":{"signature":"(idOrIndex: string | number, patch: Partial<RadarChartData[number]>) => Promise<boolean>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"patch","type":"number | Partial<RadarSeriesSpec>","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"Partial":{"location":"global","id":"global::Partial"},"RadarChartData":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartData","referenceLocation":"RadarChartData"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"updatePoint":{"complexType":{"signature":"(seriesIdOrIndex: string | number, categoryIdOrIndex: string | number, value: number | null) => Promise<boolean>","parameters":[{"name":"seriesIdOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"categoryIdOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"value","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(frame: RadarStreamFrame) => Promise<void>","parameters":[{"name":"frame","type":"readonly number[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarStreamFrame":{"location":"import","path":"./core/radar-stream-source","id":"src/components/chart/radar-chart/core/radar-stream-source.ts::RadarStreamFrame","referenceLocation":"RadarStreamFrame"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(frames: ReadonlyArray<RadarStreamFrame>) => Promise<void>","parameters":[{"name":"frames","type":"readonly RadarStreamFrame[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"RadarStreamFrame":{"location":"import","path":"./core/radar-stream-source","id":"src/components/chart/radar-chart/core/radar-stream-source.ts::RadarStreamFrame","referenceLocation":"RadarStreamFrame"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"shift":{"complexType":{"signature":"(count?: number) => Promise<void>","parameters":[{"name":"count","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"replace":{"complexType":{"signature":"(frames: ReadonlyArray<RadarStreamFrame>) => Promise<void>","parameters":[{"name":"frames","type":"readonly RadarStreamFrame[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"RadarStreamFrame":{"location":"import","path":"./core/radar-stream-source","id":"src/components/chart/radar-chart/core/radar-stream-source.ts::RadarStreamFrame","referenceLocation":"RadarStreamFrame"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<RadarChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartStreamSource":{"location":"import","path":"./core/radar-stream-source","id":"src/components/chart/radar-chart/core/radar-stream-source.ts::RadarChartStreamSource","referenceLocation":"RadarChartStreamSource"}},"return":"Promise<RadarChartStreamSource>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: RadarChartEasing; enabled?: boolean; type?: RadarChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: RadarChartEasing; enabled?: boolean; type?: RadarChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartEasing","referenceLocation":"RadarChartEasing"},"RadarChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartAnimationType","referenceLocation":"RadarChartAnimationType"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"pauseAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"resumeAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"replayAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"hitTest":{"complexType":{"signature":"(cssX: number, cssY: number) => Promise<RadarChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}},"return":"Promise<RadarChartPointerEventDetail>"},"docs":{text:"",tags:[]}},"showTooltipAt":{"complexType":{"signature":"(seriesIndex: number, categoryIndex: number) => Promise<RadarChartPointerEventDetail | null>","parameters":[{"name":"seriesIndex","type":"number","docs":{text:"",tags:[]}},{"name":"categoryIndex","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"RadarChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/radar-chart/core/types.ts::RadarChartPointerEventDetail","referenceLocation":"RadarChartPointerEventDetail"}},"return":"Promise<RadarChartPointerEventDetail>"},"docs":{text:"",tags:[]}},"hideTooltip":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getEngineStatus":{"complexType":{"signature":"() => Promise<ChartEngineStatus>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ChartEngineStatus":{"location":"import","path":"../_shared/core/engine/types","id":"src/components/chart/_shared/core/engine/types.ts::ChartEngineStatus","referenceLocation":"ChartEngineStatus"}},"return":"Promise<ChartEngineStatus>"},"docs":{text:"",tags:[]}}}}static get elementRef(){return"host"}static get watchers(){return[{"propName":"data","methodName":"handleDataChange"},{"propName":"streamSource","methodName":"handleStreamSourceChange"},{"propName":"streamWindow","methodName":"handleStreamSourceChange"},{"propName":"streamMax","methodName":"handleStreamSourceChange"},{"propName":"animated","methodName":"handleAnimationToggle"},{"propName":"animationDuration","methodName":"handleAnimationToggle"},{"propName":"animationEasing","methodName":"handleAnimationToggle"},{"propName":"animationType","methodName":"handleAnimationToggle"},{"propName":"seriesActiveTrigger","methodName":"handleSeriesActiveTriggerChange"},{"propName":"min","methodName":"handleVisualPropsChange"},{"propName":"max","methodName":"handleVisualPropsChange"},{"propName":"tickInterval","methodName":"handleVisualPropsChange"},{"propName":"variant","methodName":"handleVisualPropsChange"},{"propName":"startAngle","methodName":"handleVisualPropsChange"},{"propName":"size","methodName":"handleVisualPropsChange"},{"propName":"centerX","methodName":"handleVisualPropsChange"},{"propName":"centerY","methodName":"handleVisualPropsChange"},{"propName":"color","methodName":"handleVisualPropsChange"},{"propName":"colors","methodName":"handleVisualPropsChange"},{"propName":"lineWidth","methodName":"handleVisualPropsChange"},{"propName":"fillOpacity","methodName":"handleVisualPropsChange"},{"propName":"gridShape","methodName":"handleVisualPropsChange"},{"propName":"gridColor","methodName":"handleVisualPropsChange"},{"propName":"showMarkers","methodName":"handleVisualPropsChange"},{"propName":"markerRadius","methodName":"handleVisualPropsChange"},{"propName":"showRingLabels","methodName":"handleVisualPropsChange"},{"propName":"ringLabelColor","methodName":"handleVisualPropsChange"},{"propName":"ringLabelFontSize","methodName":"handleVisualPropsChange"},{"propName":"ringLabelFormat","methodName":"handleVisualPropsChange"},{"propName":"categoryLabelColor","methodName":"handleVisualPropsChange"},{"propName":"categoryLabelFontSize","methodName":"handleVisualPropsChange"},{"propName":"categories","methodName":"handleVisualPropsChange"},{"propName":"chartTitle","methodName":"handleVisualPropsChange"},{"propName":"chartSubtitle","methodName":"handleVisualPropsChange"},{"propName":"tooltipShow","methodName":"handleVisualPropsChange"},{"propName":"tooltip","methodName":"handleVisualPropsChange"},{"propName":"enableMouseTracking","methodName":"handleVisualPropsChange"},{"propName":"legend","methodName":"handleVisualPropsChange"},{"propName":"legendPosition","methodName":"handleVisualPropsChange"},{"propName":"legendItems","methodName":"handleVisualPropsChange"},{"propName":"activeSeriesIndex","methodName":"handleVisualPropsChange"},{"propName":"editable","methodName":"handleVisualPropsChange"},{"propName":"crosshair","methodName":"handleCrosshairChange"}]}}function escapeHtml(value){return String(value).replace(/[&<>"']/g,c=>c==="&"?"&amp;":c==="<"?"&lt;":c===">"?"&gt;":c==='"'?"&quot;":"&#39;")}

package/dist/collection/components/chart/scatter-chart/core/animation/easing.js

@@ -0,0 +1 @@
+export 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}

package/dist/collection/components/chart/scatter-chart/core/animation/index.js

@@ -0,0 +1 @@
+export{applyEasing}from"./easing.js";export{createScatterAnimator}from"./scatter-animator.js";

package/dist/collection/components/chart/scatter-chart/core/animation/scatter-animator.js

@@ -0,0 +1 @@
+import{applyEasing}from"./easing.js";function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createScatterAnimator(){const entries=new Map;function elapsed(entry,now){const delay=Math.max(0,Number(entry.delay)||0);if(entry.startedAt<0)return Math.max(0,entry.pausedElapsed-delay);if(entry.paused)return Math.max(0,entry.pausedElapsed-delay);return Math.max(0,now-entry.startedAt+entry.pausedElapsed-delay)}function rawProgressOf(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,partial){const existing=entries.get(key);if(existing&&existing.phase==="exit"&&partial.phase==="enter"){}entries.set(key,{phase:partial.phase,startedAt:-1,pausedElapsed:0,paused:false,easing:partial.easing,duration:Math.max(0,partial.duration),delay:Math.max(0,Number(partial.delay)||0),onComplete:partial.onComplete})},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},valueAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const raw=rawProgressOf(entry,now);const eased=applyEasing(raw,entry.easing);const scale=entry.phase==="enter"?eased:1-eased;const alpha=entry.phase==="enter"?1:1-eased;return{phase:entry.phase,rawProgress:raw,easedProgress:eased,scale,alpha}},tick(now){const completed=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgressOf(entry,now)>=1)completed.push({key,entry})}for(const{key,entry}of completed){entries.delete(key);if(typeof entry.onComplete==="function"){try{entry.onComplete(key)}catch(err){console.warn("[Syidax] sy-scatter-chart animator onComplete threw:",err)}}}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}

package/dist/collection/components/chart/scatter-chart/core/perf.js

@@ -0,0 +1 @@
+export function createScatterPointPool(initialCapacity=256){const cap=Math.max(16,Math.floor(initialCapacity));const slots=new Array(cap);for(let i=0;i<cap;i++){slots[i]=makeEmptyPoint()}return{count:0,slots}}function makeEmptyPoint(){return{seriesIndex:0,pointIndex:0,x:0,y:0,cssX:0,cssY:0,color:"",opacity:1,symbol:"circle",radius:0,lineColor:void 0,lineWidth:0,name:void 0}}export function resetPool(pool,expectedCapacity){pool.count=0;if(expectedCapacity<=pool.slots.length)return;const next=expectedCapacity*2;for(let i=pool.slots.length;i<next;i++)pool.slots.push(makeEmptyPoint())}export function acquireSlot(pool){if(pool.count>=pool.slots.length){pool.slots.push(makeEmptyPoint())}return pool.slots[pool.count++]}export function pointInPlotRect(cssX,cssY,radius,plot){if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return false;const r=Number.isFinite(radius)&&radius>0?radius:0;if(cssX+r<plot.x)return false;if(cssX-r>plot.x+plot.width)return false;if(cssY+r<plot.y)return false;if(cssY-r>plot.y+plot.height)return false;return true}export const SCATTER_CROP_THRESHOLD=1e3;

package/dist/collection/components/chart/scatter-chart/core/scatter-chart-core.js

@@ -0,0 +1 @@
+import{isChartLicenseEngineCode,normalizeUnavailableBehaviour}from"../../_shared/core/engine/resolve-chart-engine.js";export function pickEngine(opts){if(opts.requested==="standard"){return{tier:"standard"}}const proAvailable=opts.proAvailable===true;const licenseBlocked=isChartLicenseEngineCode(opts.proUnavailableCode);if(opts.requested==="pro"){if(proAvailable){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};if(normalizeUnavailableBehaviour(opts.onUnavailable)==="error"){throw new Error(`[Syidax] sy-scatter-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-scatter-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}if(opts.keepPro&&!licenseBlocked){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const pointCount=Number.isFinite(opts.pointCount)&&opts.pointCount>=0?opts.pointCount:0;const threshold=Number.isFinite(opts.proThreshold)&&opts.proThreshold>0?opts.proThreshold:5e4;if(pointCount>=threshold){const featureBlockReason=getProFeatureBlockReason(opts.features);if(featureBlockReason){return{tier:"standard",fallbackReason:featureBlockReason,featureFallbackReason:featureBlockReason}}if(proAvailable)return{tier:"pro"};const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};console.info(`[Syidax] sy-scatter-chart: auto mode wanted Pro for ${pointCount.toLocaleString()} points (threshold ${threshold.toLocaleString()}) but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}export function getProFeatureBlockReason(features={}){if(features.inactiveOtherPoints===true){return"inactiveOtherPoints requires per-point opacity and currently uses the Standard engine"}if(Number.isFinite(features.markerLineWidth)&&features.markerLineWidth>0){return`markerLineWidth (${features.markerLineWidth}) requires the Standard engine; Pro currently renders solid-fill markers`}const color=features.color;if(typeof color==="string"&&color.trim()&&!parseProColor(color)){return`color "${color}" uses CSS syntax that the Pro engine does not support yet`}return void 0}export 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))}

package/dist/collection/components/chart/scatter-chart/core/scatter-draw-signature.js

@@ -0,0 +1 @@
+export function scatterDrawMemoEligible(input){return typeof input.dataVersion==="number"&&Number.isFinite(input.dataVersion)&&typeof input.projectionKey==="string"&&input.projectionKey!==""}export function scatterDrawSignature(input,px){if(!scatterDrawMemoEligible(input))return null;const plot=input.plot??{x:0,y:0,width:Math.max(0,input.width),height:Math.max(0,input.height)};return[input.dataVersion,input.projectionKey,input.values,input.values?.length??0,input.series,input.seriesState,input.visualMap,input.ghosts,input.markerLineWidth,input.activeSeriesIndex,input.marker,input.color,input.markerSize,input.width,input.height,plot.x,plot.y,plot.width,plot.height,px.pxWidth,px.pxHeight,px.scaleX,px.scaleY]}export function sameScatterDrawSignature(a,b){if(!a||!b||a.length!==b.length)return false;for(let i=0;i<a.length;i+=1)if(!Object.is(a[i],b[i]))return false;return true}export function scatterProjectionKey(plot,xProject,yProject,extra=""){const probe=f=>`${f(0)},${f(1)},${f(1e3)}`;return`${plot.x},${plot.y},${plot.width},${plot.height}|${probe(xProject)}|${probe(yProject)}|${extra}`}

package/dist/collection/components/chart/scatter-chart/core/scatter-pro-renderer-loader.js

@@ -0,0 +1 @@
+export const hasScatterChartProRenderer=false;export function createScatterChartProRenderer(_canvas){return null}

package/dist/collection/components/chart/scatter-chart/core/streaming/index.js

@@ -0,0 +1 @@
+export{createScatterStreamSource}from"./scatter-stream-source.js";

package/dist/collection/components/chart/scatter-chart/core/streaming/scatter-stream-source-runtime.js

@@ -0,0 +1 @@
+export function createScatterStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}

package/dist/collection/components/chart/scatter-chart/core/streaming/scatter-stream-source.js

@@ -0,0 +1 @@
+export{createScatterStreamSource}from"./scatter-stream-source-runtime.js";

package/dist/collection/components/chart/scatter-chart/core/types.js

@@ -0,0 +1 @@
+function numericOrNull(v){return typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:null}export function resolveScatterDatum(datum,pointIndex){const num=numericOrNull;if(datum===null||datum===void 0){return{x:pointIndex,y:null}}if(typeof datum==="number"||typeof datum==="bigint"){return{x:pointIndex,y:num(datum)}}if(Array.isArray(datum)){return{x:num(datum[0])??pointIndex,y:num(datum[1])}}const obj=datum;const xVal=num(obj.x)??pointIndex;const yVal=num(obj.y);const zVal=num(obj.z)??void 0;return{x:xVal,y:yVal,z:zVal,name:obj.name,color:obj.color,size:obj.size}}

package/dist/collection/components/chart/scatter-chart/core/visual-map.js

@@ -0,0 +1 @@
+function clamp01(value){if(value<0)return 0;if(value>1)return 1;return value}function isFiniteNumber(value){return typeof value==="number"&&Number.isFinite(value)}function normalise(value,domain){const[lo,hi]=domain;const range=hi-lo;if(range===0)return .5;return clamp01((value-lo)/range)}export function resolveScatterColorMap(input,fallbackDomain){if(!input||!Array.isArray(input.stops)||input.stops.length===0)return null;const stops=[];for(const entry of input.stops){if(Array.isArray(entry)){if(typeof entry[0]==="number"&&typeof entry[1]==="string"){stops.push({offset:clamp01(entry[0]),color:entry[1]})}}else if(entry&&typeof entry==="object"&&isFiniteNumber(entry.offset)&&typeof entry.color==="string"){stops.push({offset:clamp01(entry.offset),color:entry.color})}}if(stops.length===0)return null;stops.sort((a,b)=>a.offset-b.offset);const domain=Array.isArray(input.domain)?[input.domain[0],input.domain[1]]:fallbackDomain;return{field:input.field??"z",stops,domain,fallback:input.fallback}}export function resolveScatterSizeMap(input,fallbackDomain){if(!input||!Array.isArray(input.radiusRange)||input.radiusRange.length!==2)return null;const[lo,hi]=input.radiusRange;if(!isFiniteNumber(lo)||!isFiniteNumber(hi))return null;const domain=Array.isArray(input.domain)?[input.domain[0],input.domain[1]]:fallbackDomain;return{field:input.field??"z",domain,radiusRange:[lo,hi],fallback:input.fallback}}export function parseCssColor(color){const trimmed=color.trim();if(trimmed.startsWith("#")){const hex=trimmed.slice(1);const expanded=hex.length===3?hex.split("").map(c=>c+c).join(""):hex;if(expanded.length!==6||!/^[\da-f]{6}$/i.test(expanded))return null;return[parseInt(expanded.slice(0,2),16),parseInt(expanded.slice(2,4),16),parseInt(expanded.slice(4,6),16),1]}const m=trimmed.match(/^rgba?\(([^)]+)\)$/i);if(!m)return null;const parts=m[1].split(",").map(p=>Number(p.trim()));if(parts.length<3||parts.length>4||parts.some(p=>!Number.isFinite(p)))return null;return[parts[0],parts[1],parts[2],parts.length===4?parts[3]:1]}function formatRgba(r,g,b,a){const ri=Math.round(r);const gi=Math.round(g);const bi=Math.round(b);return a>=1?`rgb(${ri}, ${gi}, ${bi})`:`rgba(${ri}, ${gi}, ${bi}, ${a.toFixed(3)})`}export function interpolateColorAtOffset(stops,t){if(stops.length===0)return null;const offset=clamp01(t);if(offset<=stops[0].offset)return stops[0].color;if(offset>=stops[stops.length-1].offset)return stops[stops.length-1].color;for(let i=1;i<stops.length;i++){const lo=stops[i-1];const hi=stops[i];if(offset<=hi.offset){if(hi.offset===lo.offset)return hi.color;const frac=(offset-lo.offset)/(hi.offset-lo.offset);const a=parseCssColor(lo.color);const b=parseCssColor(hi.color);if(!a||!b)return hi.color;const r=a[0]+(b[0]-a[0])*frac;const g=a[1]+(b[1]-a[1])*frac;const bl=a[2]+(b[2]-a[2])*frac;const al=a[3]+(b[3]-a[3])*frac;return formatRgba(r,g,bl,al)}}return stops[stops.length-1].color}export function applyScatterColorMap(spec,value){if(!isFiniteNumber(value))return spec.fallback??null;const t=normalise(value,spec.domain);return interpolateColorAtOffset(spec.stops,t)}export function applyScatterSizeMap(spec,value){if(!isFiniteNumber(value))return spec.fallback??null;const t=normalise(value,spec.domain);const[lo,hi]=spec.radiusRange;return lo+(hi-lo)*t}export function readDatumField(datum,field){if(datum===null||datum===void 0)return null;if(typeof datum==="number")return field==="y"?datum:null;if(Array.isArray(datum)){if(field==="x"&&isFiniteNumber(datum[0]))return datum[0];if(field==="y"&&isFiniteNumber(datum[1]))return datum[1];return null}if(typeof datum==="object"){const v=datum[field];return isFiniteNumber(v)?v:null}return null}

package/dist/collection/components/chart/scatter-chart/engines/standard/index.js

@@ -0,0 +1 @@
+export{ScatterChartStandardRenderer,prepareScatterRendererLayout}from"./scatter-chart-standard-renderer.js";export{buildResolvedScatterPoints,buildScatterMarker,computeScatterExtents}from"./sy-scatter-chart-path.js";

package/dist/collection/components/chart/scatter-chart/engines/standard/scatter-chart-standard-renderer.js

@@ -0,0 +1 @@
+import{createScatterPointPool}from"../../core/perf.js";import{buildResolvedScatterPoints,buildResolvedScatterPointsInto,buildScatterMarker}from"./sy-scatter-chart-path.js";import{resolveProgressiveChunk,runProgressive}from"../../../_shared/core/progressive/progressive-draw.js";import{STANDARD_ENGINE_MAX_POINTS,capValuesView,createPointCapWarner}from"../../../_shared/core/limits/point-cap.js";export function capScatterRenderInput(input){const total=input.values?.length??0;if(total<=STANDARD_ENGINE_MAX_POINTS)return input;return{...input,values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS)}}function finiteOpacity(value,fallback=1){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}export function prepareScatterRendererLayout(input){return{points:buildResolvedScatterPoints(input)}}export function prepareScatterRendererLayoutInto(input,pool){return buildResolvedScatterPointsInto(input,{pool})}export const SCATTER_PATH_FLUSH_MARKERS=1e4;export class ScatterChartStandardRenderer{canvas;pool=createScatterPointPool(256);warnPointCap=createPointCapWarner();lastTelemetry={total:0,drawn:0,cropped:0};progressiveHandle=null;constructor(canvas){this.canvas=canvas}draw(rawInput){this.progressiveHandle?.cancel();this.progressiveHandle=null;this.warnPointCap("sy-scatter-chart (standard engine)",rawInput.values?.length??0,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");const input=capScatterRenderInput(rawInput);const start=typeof performance!=="undefined"?performance.now():0;const ctx=this.canvas.getContext("2d");if(!ctx)return{points:0,renderMs:0};const dpr=typeof window!=="undefined"&&Number.isFinite(window.devicePixelRatio)?Math.max(1,window.devicePixelRatio):1;const cssW=Math.max(1,input.width);const cssH=Math.max(1,input.height);const pxW=input.observedPixelSize&&input.observedPixelSize.width>0?Math.round(input.observedPixelSize.width):Math.round(cssW*dpr);const pxH=input.observedPixelSize&&input.observedPixelSize.height>0?Math.round(input.observedPixelSize.height):Math.round(cssH*dpr);const scaleX=pxW/cssW;const scaleY=pxH/cssH;if(this.canvas.width!==Math.max(1,pxW))this.canvas.width=Math.max(1,pxW);if(this.canvas.height!==Math.max(1,pxH))this.canvas.height=Math.max(1,pxH);const cssWidth=`${cssW}px`;const cssHeight=`${cssH}px`;if(this.canvas.style.width!==cssWidth)this.canvas.style.width=cssWidth;if(this.canvas.style.height!==cssHeight)this.canvas.style.height=cssHeight;ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,this.canvas.width,this.canvas.height);ctx.setTransform(scaleX,0,0,scaleY,0,0);const prepared=prepareScatterRendererLayoutInto(input,this.pool);this.lastTelemetry=prepared.summary;if(prepared.summary.drawn===0){return{points:0,renderMs:(typeof performance!=="undefined"?performance.now():0)-start}}const plot=input.plot??{x:0,y:0,width:cssW,height:cssH};const dx=-plot.x;const dy=-plot.y;const activePointIndex=input.activePointIndex??null;const activePointSeries=input.activeSeriesIndexForActivePoint??null;const inactiveOther=input.inactiveOtherPoints===true&&activePointIndex!==null;const inactiveOpacity=finiteOpacity(input.inactivePointOpacity,.2);const slots=this.pool.slots;const count=this.pool.count;const paintRange=(from,to)=>{ctx.setTransform(scaleX,0,0,scaleY,0,0);let lastFill=null;let lastAlpha=-1;let lastStrokeWidth=-1;let lastStrokeStyle=null;let hasOpenPath=false;let pathMarkers=0;const flushPath=()=>{if(!hasOpenPath)return;ctx.fill();if(lastStrokeWidth>0)ctx.stroke();hasOpenPath=false;pathMarkers=0};for(let i=from;i<to;i++){const point=slots[i];const isFocused=activePointIndex!==null&&point.pointIndex===activePointIndex&&(activePointSeries===null||activePointSeries===point.seriesIndex);const alpha=inactiveOther&&!isFocused?point.opacity*inactiveOpacity:point.opacity;const fillStyle=point.color;const strokeWidth=point.lineWidth>0?point.lineWidth:0;const strokeStyle=strokeWidth>0?point.lineColor??fillStyle:"";if(alpha<=0||point.radius<=0)continue;if(hasOpenPath&&pathMarkers>=SCATTER_PATH_FLUSH_MARKERS)flushPath();if(!hasOpenPath||alpha!==lastAlpha||fillStyle!==lastFill||strokeWidth!==lastStrokeWidth||strokeStyle!==lastStrokeStyle){flushPath();if(alpha!==lastAlpha){ctx.globalAlpha=alpha;lastAlpha=alpha}if(fillStyle!==lastFill){ctx.fillStyle=fillStyle;lastFill=fillStyle}if(strokeStyle!==lastStrokeStyle){ctx.strokeStyle=strokeStyle;lastStrokeStyle=strokeStyle}if(strokeWidth!==lastStrokeWidth){ctx.lineWidth=strokeWidth;lastStrokeWidth=strokeWidth}ctx.beginPath();hasOpenPath=true}const cx=point.cssX+dx;const cy=point.cssY+dy;buildScatterMarker(point.symbol,cx,cy,point.radius,ctx);pathMarkers+=1}flushPath();ctx.setTransform(scaleX,0,0,scaleY,0,0);ctx.globalAlpha=1};const elapsed=()=>(typeof performance!=="undefined"?performance.now():0)-start;const chunk=resolveProgressiveChunk(count,input.progressive?{progressive:input.progressive.progressive,threshold:input.progressive.threshold}:null);if(chunk<=0){paintRange(0,count);return{points:prepared.summary.drawn,renderMs:elapsed()}}const onProgress=input.progressive?.onProgress;const handle=runProgressive({total:count,chunk,drawChunk:paintRange,onProgress:onProgress?(drawn,total)=>onProgress(drawn,total):void 0});this.progressiveHandle=handle;return handle.done.then(outcome=>{if(this.progressiveHandle===handle)this.progressiveHandle=null;return{points:outcome.drawn,renderMs:elapsed(),progressive:{chunks:outcome.chunks,chunk,cancelled:outcome.cancelled}}})}destroy(){this.progressiveHandle?.cancel();this.progressiveHandle=null;this.pool.count=0;this.pool.slots.length=0}}

package/dist/collection/components/chart/scatter-chart/engines/standard/sy-scatter-chart-path.js

@@ -0,0 +1 @@
+import{visualMapColorFn,visualMapDatumValue,visualMapSizeFn}from"../../../_shared/core/visual-map/visual-map-binding.js";import{resolveScatterDatum}from"../../core/types.js";import{acquireSlot,pointInPlotRect,resetPool,SCATTER_CROP_THRESHOLD}from"../../core/perf.js";import{applyScatterColorMap,applyScatterSizeMap,readDatumField,resolveScatterColorMap,resolveScatterSizeMap}from"../../core/visual-map.js";const VALID_MARKER_SYMBOLS=new Set(["circle","square","triangle","triangle-down","cross","diamond","star","wye"]);export function isDrawableScatterSymbol(symbol){return typeof symbol==="string"&&VALID_MARKER_SYMBOLS.has(symbol)}function isSeriesVisible(series){return series?.visible!==false}function resolveSeriesMarkerSpec(input){if(input===void 0||input===null)return{enabled:true};if(typeof input==="string"){if(input==="none")return{enabled:false};if(VALID_MARKER_SYMBOLS.has(input))return{enabled:true,symbol:input};return{enabled:true}}if(typeof input!=="object")return{enabled:true};const obj=input;const symbol=VALID_MARKER_SYMBOLS.has(obj.symbol)?obj.symbol:void 0;return{enabled:obj.enabled!==false,symbol,radius:typeof obj.radius==="number"&&Number.isFinite(obj.radius)&&obj.radius>=0?obj.radius:void 0,fillColor:typeof obj.fillColor==="string"?obj.fillColor:void 0,lineColor:typeof obj.lineColor==="string"?obj.lineColor:void 0,lineWidth:typeof obj.lineWidth==="number"&&Number.isFinite(obj.lineWidth)&&obj.lineWidth>=0?obj.lineWidth:void 0}}const TRIANGLE_HALF_WIDTH=Math.sqrt(3)/2;const CROSS_ARM_RATIO=1/3;const STAR_INNER_RATIO=.5;const WYE_THICKNESS_RATIO=.21;export function buildScatterMarker(shape,cx,cy,size,path){if(!Number.isFinite(cx)||!Number.isFinite(cy))return;if(!Number.isFinite(size)||size<=0)return;switch(shape){case"circle":{path.moveTo(cx+size,cy);path.arc(cx,cy,size,0,Math.PI*2);return}case"square":{path.moveTo(cx-size,cy-size);path.lineTo(cx+size,cy-size);path.lineTo(cx+size,cy+size);path.lineTo(cx-size,cy+size);path.closePath();return}case"triangle":{const halfWidth=size*TRIANGLE_HALF_WIDTH;path.moveTo(cx,cy-size);path.lineTo(cx+halfWidth,cy+size*.5);path.lineTo(cx-halfWidth,cy+size*.5);path.closePath();return}case"triangle-down":{const halfWidth=size*TRIANGLE_HALF_WIDTH;path.moveTo(cx,cy+size);path.lineTo(cx-halfWidth,cy-size*.5);path.lineTo(cx+halfWidth,cy-size*.5);path.closePath();return}case"cross":{const a=size;const b=size*CROSS_ARM_RATIO;path.moveTo(cx-a,cy-b);path.lineTo(cx-b,cy-b);path.lineTo(cx-b,cy-a);path.lineTo(cx+b,cy-a);path.lineTo(cx+b,cy-b);path.lineTo(cx+a,cy-b);path.lineTo(cx+a,cy+b);path.lineTo(cx+b,cy+b);path.lineTo(cx+b,cy+a);path.lineTo(cx-b,cy+a);path.lineTo(cx-b,cy+b);path.lineTo(cx-a,cy+b);path.closePath();return}case"diamond":{path.moveTo(cx,cy-size);path.lineTo(cx+size,cy);path.lineTo(cx,cy+size);path.lineTo(cx-size,cy);path.closePath();return}case"star":{const outer=size;const inner=size*STAR_INNER_RATIO;const startAngle=-Math.PI/2;for(let i=0;i<10;i++){const r=i%2===0?outer:inner;const angle=startAngle+i*Math.PI/5;const x=cx+r*Math.cos(angle);const y=cy+r*Math.sin(angle);if(i===0)path.moveTo(x,y);else path.lineTo(x,y)}path.closePath();return}case"wye":{const thick=size*WYE_THICKNESS_RATIO;const arm=size;const drawArm=angleRad=>{const c=Math.cos(angleRad);const s=Math.sin(angleRad);const rx=(lx,ly)=>[cx+lx*c-ly*s,cy+lx*s+ly*c];const[p1x,p1y]=rx(-thick,-arm);const[p2x,p2y]=rx(thick,-arm);const[p3x,p3y]=rx(thick,0);const[p4x,p4y]=rx(-thick,0);path.moveTo(p1x,p1y);path.lineTo(p2x,p2y);path.lineTo(p3x,p3y);path.lineTo(p4x,p4y);path.closePath()};drawArm(0);drawArm(2*Math.PI/3);drawArm(4*Math.PI/3);return}default:return}}function finiteOpacity(value,fallback=1){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}function finitePositive(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:fallback}export function computeScatterExtents(input){let xMin=Number.POSITIVE_INFINITY;let xMax=Number.NEGATIVE_INFINITY;let yMin=Number.POSITIVE_INFINITY;let yMax=Number.NEGATIVE_INFINITY;const seriesList=Array.isArray(input.series)&&input.series.length>0?input.series:void 0;if(seriesList){for(const entry of seriesList){if(!entry||!isSeriesVisible(entry))continue;const values=entry.values??[];for(let i=0;i<values.length;i++){const point=resolveScatterDatum(values[i],i);if(point.y===null)continue;if(point.x<xMin)xMin=point.x;if(point.x>xMax)xMax=point.x;if(point.y<yMin)yMin=point.y;if(point.y>yMax)yMax=point.y}}}else if(input.values?.length>0){for(let i=0;i<input.values.length;i++){const point=resolveScatterDatum(input.values[i],i);if(point.y===null)continue;if(point.x<xMin)xMin=point.x;if(point.x>xMax)xMax=point.x;if(point.y<yMin)yMin=point.y;if(point.y>yMax)yMax=point.y}}if(!Number.isFinite(xMin)||!Number.isFinite(xMax)){xMin=0;xMax=1}else if(xMin===xMax){xMin-=.5;xMax+=.5}if(!Number.isFinite(yMin)||!Number.isFinite(yMax)){yMin=0;yMax=1}else if(yMin===yMax){yMin-=.5;yMax+=.5}return{xMin,xMax,yMin,yMax}}const DEFAULT_INACTIVE_SERIES={opacity:.35,markerSizeScale:.85};function computeAutoDomain(values,field){let lo=Number.POSITIVE_INFINITY;let hi=Number.NEGATIVE_INFINITY;for(let i=0;i<values.length;i++){const v=readDatumField(values[i],field);if(v===null)continue;if(v<lo)lo=v;if(v>hi)hi=v}if(!Number.isFinite(lo)||!Number.isFinite(hi))return[0,1];if(lo===hi)return[lo-.5,hi+.5];return[lo,hi]}export function buildResolvedScatterPoints(input,options){const result=buildResolvedScatterPointsInto(input,options);return result.points}export function buildResolvedScatterPointsInto(input,options){const plot=input.plot??{x:0,y:0,width:Math.max(0,input.width),height:Math.max(0,input.height)};if(plot.width<=0||plot.height<=0){if(options?.pool)options.pool.count=0;return{points:[],summary:{total:0,drawn:0,cropped:0}}}const extents=computeScatterExtents(input);const xRange=extents.xMax-extents.xMin||1;const yRange=extents.yMax-extents.yMin||1;const xProject=input.xProject??(value=>plot.x+(value-extents.xMin)/xRange*plot.width);const yProject=input.yProject??(value=>plot.y+plot.height-(value-extents.yMin)/yRange*plot.height);const cropOptIn=options?.crop!==false;const seriesList=Array.isArray(input.series)&&input.series.length>0?input.series:void 0;const defaultSize=finitePositive(input.markerSize,4);const defaultLineWidth=Number.isFinite(input.markerLineWidth)&&input.markerLineWidth>=0?input.markerLineWidth:0;const expectedCapacity=seriesList?seriesList.reduce((sum,s)=>sum+(s?.values?.length??0),0):input.values?.length??0;if(options?.pool)resetPool(options.pool,expectedCapacity);const ownArray=options?.pool?void 0:[];let total=0;let drawn=0;const shouldCrop=cropOptIn&&expectedCapacity>=SCATTER_CROP_THRESHOLD;const writePoint=(seriesIndex,pointIndex,x,y,cssX,cssY,color,opacity,symbol,radius,lineColor,lineWidth,name)=>{if(options?.pool){const slot=acquireSlot(options.pool);slot.seriesIndex=seriesIndex;slot.pointIndex=pointIndex;slot.x=x;slot.y=y;slot.cssX=cssX;slot.cssY=cssY;slot.color=color;slot.opacity=opacity;slot.symbol=symbol;slot.radius=radius;slot.lineColor=lineColor;slot.lineWidth=lineWidth;slot.name=name}else{ownArray.push({seriesIndex,pointIndex,x,y,cssX,cssY,color,opacity,symbol,radius,lineColor,lineWidth,name})}};const activeIdx=typeof input.activeSeriesIndex==="number"&&Number.isFinite(input.activeSeriesIndex)?Math.trunc(input.activeSeriesIndex):void 0;const inactiveCfg=input.seriesState?.inactive??{};const stateEnabled=input.seriesState?.enabled!==false;if(seriesList){for(let sIdx=0;sIdx<seriesList.length;sIdx++){const entry=seriesList[sIdx];if(!entry||!isSeriesVisible(entry))continue;const values=entry.values??[];const seriesColor=typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color;const markerSpec=resolveSeriesMarkerSpec(entry.marker);const baseSymbol=markerSpec.symbol??input.marker??"circle";const baseRadius=finitePositive(markerSpec.radius??entry.markerSize,defaultSize);const baseLineColor=typeof markerSpec.lineColor==="string"?markerSpec.lineColor:void 0;const baseLineWidth=Number.isFinite(markerSpec.lineWidth)?markerSpec.lineWidth:defaultLineWidth;const baseFill=typeof markerSpec.fillColor==="string"?markerSpec.fillColor:seriesColor;const baseOpacity=finiteOpacity(entry.opacity);let activeOpacity=baseOpacity;let activeRadius=baseRadius;if(stateEnabled&&activeIdx!==void 0&&activeIdx!==sIdx&&seriesList.length>1){activeOpacity=baseOpacity*finiteOpacity(inactiveCfg.opacity??DEFAULT_INACTIVE_SERIES.opacity);const scale=finitePositive(inactiveCfg.markerSizeScale??DEFAULT_INACTIVE_SERIES.markerSizeScale,1);const explicit=finitePositive(inactiveCfg.markerSize,baseRadius*scale);activeRadius=explicit}const mapColorOf=visualMapColorFn(input.visualMap);const mapSizeOf=visualMapSizeFn(input.visualMap);const mapDimension=input.visualMap?.dimension??"value";const mapSizeDimension=input.visualMap?.size?.dimension??mapDimension;const mapValueOf=(datum,index,x,y)=>visualMapDatumValue(mapDimension,index,x,y,field=>readDatumField(datum,field));const mapSizeValueOf=(datum,index,x,y)=>visualMapDatumValue(mapSizeDimension,index,x,y,field=>readDatumField(datum,field));const wantsColorMap=!!entry.colorMap;const wantsSizeMap=!!entry.sizeMap;const seriesAutoDomain=wantsColorMap||wantsSizeMap?computeAutoDomain(values,entry.colorMap?.field??entry.sizeMap?.field??"z"):[0,1];const colorMapSpec=resolveScatterColorMap(entry.colorMap,seriesAutoDomain);const sizeMapSpec=resolveScatterSizeMap(entry.sizeMap,seriesAutoDomain);const seriesYProject=input.yProjectForSeries?.(entry.yAxis??entry.yAxisIndex)??yProject;const seriesXProject=input.xProjectForSeries?.(entry.xAxis??entry.xAxisIndex)??xProject;for(let i=0;i<values.length;i++){const datum=values[i];const resolved=resolveScatterDatum(datum,i);if(resolved.y===null)continue;const cssX=seriesXProject(resolved.x);const cssY=seriesYProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,activeRadius);if(sizeMapSpec){const mappedSize=applyScatterSizeMap(sizeMapSpec,readDatumField(datum,sizeMapSpec.field));if(typeof mappedSize==="number"&&Number.isFinite(mappedSize))radius=mappedSize}if(mapSizeOf)radius=mapSizeOf(mapSizeValueOf(datum,i,resolved.x,resolved.y),i);let opacity=activeOpacity;if(input.animationProgress){const tween=input.animationProgress.get(`s${sIdx}:p${i}`);if(tween){radius=radius*tween.scale;opacity=activeOpacity*tween.alpha}}if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??baseFill;if(colorMapSpec){const mappedColor=applyScatterColorMap(colorMapSpec,readDatumField(datum,colorMapSpec.field));if(typeof mappedColor==="string"&&mappedColor.length>0)pointColor=mappedColor}if(mapColorOf)pointColor=mapColorOf(mapValueOf(datum,i,resolved.x,resolved.y),i);writePoint(sIdx,i,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,baseSymbol,radius,baseLineColor,baseLineWidth,resolved.name)}const ghosts=input.ghosts?.get(sIdx);if(ghosts&&ghosts.length>0){for(let g=0;g<ghosts.length;g++){const tween=input.animationProgress?.get(`s${sIdx}:g${g}`);if(!tween)continue;const datum=ghosts[g];const resolved=resolveScatterDatum(datum,g);if(resolved.y===null)continue;const cssX=seriesXProject(resolved.x);const cssY=seriesYProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,activeRadius);if(sizeMapSpec){const mappedSize=applyScatterSizeMap(sizeMapSpec,readDatumField(datum,sizeMapSpec.field));if(typeof mappedSize==="number"&&Number.isFinite(mappedSize))radius=mappedSize}if(mapSizeOf)radius=mapSizeOf(mapSizeValueOf(datum,g,resolved.x,resolved.y),g);radius=radius*tween.scale;const opacity=activeOpacity*tween.alpha;if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??baseFill;if(colorMapSpec){const mappedColor=applyScatterColorMap(colorMapSpec,readDatumField(datum,colorMapSpec.field));if(typeof mappedColor==="string"&&mappedColor.length>0)pointColor=mappedColor}if(mapColorOf)pointColor=mapColorOf(mapValueOf(datum,g,resolved.x,resolved.y),g);writePoint(sIdx,-1-g,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,baseSymbol,radius,baseLineColor,baseLineWidth,resolved.name)}}}}else if(input.values?.length>0){const bareMapColorOf=visualMapColorFn(input.visualMap);const bareMapSizeOf=visualMapSizeFn(input.visualMap);const bareDimension=input.visualMap?.dimension??"value";const bareSizeDimension=input.visualMap?.size?.dimension??bareDimension;for(let i=0;i<input.values.length;i++){const resolved=resolveScatterDatum(input.values[i],i);if(resolved.y===null)continue;const cssX=xProject(resolved.x);const cssY=yProject(resolved.y);if(!Number.isFinite(cssX)||!Number.isFinite(cssY))continue;total++;let radius=finitePositive(resolved.size,defaultSize);if(bareMapSizeOf){radius=bareMapSizeOf(visualMapDatumValue(bareSizeDimension,i,resolved.x,resolved.y,field=>readDatumField(input.values[i],field)),i)}let opacity=1;if(input.animationProgress){const tween=input.animationProgress.get(`s0:p${i}`);if(tween){radius=radius*tween.scale;opacity=tween.alpha}}if(shouldCrop&&!pointInPlotRect(cssX,cssY,radius,plot))continue;drawn++;let pointColor=resolved.color??input.color;if(bareMapColorOf){const mapValue=visualMapDatumValue(bareDimension,i,resolved.x,resolved.y,field=>readDatumField(input.values[i],field));pointColor=bareMapColorOf(mapValue,i)}writePoint(0,i,resolved.x,resolved.y,cssX,cssY,pointColor,opacity,input.marker??"circle",radius,void 0,defaultLineWidth,resolved.name)}}const cropped=total-drawn;if(options?.pool){return{points:options.pool.slots,summary:{total,drawn,cropped}}}return{points:ownArray,summary:{total,drawn,cropped}}}

package/dist/collection/components/chart/scatter-chart/index.js

@@ -0,0 +1 @@
+export*from"./sy-scatter-chart.js";export*from"./core/types.js";export{getProFeatureBlockReason,parseProColor,pickEngine}from"./core/scatter-chart-core.js";export{createScatterChartProRenderer,hasScatterChartProRenderer}from"./core/scatter-pro-renderer-loader.js";export*from"./engines/standard/index.js";

package/dist/collection/components/chart/scatter-chart/sy-scatter-chart.css

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-scatter-chart__canvas{display:block;background:rgba(0,0,0,0)}.sy-scatter-chart__watermark{position:absolute;top:4px;right:6px;font-size:10px;line-height:1;padding:2px 6px;background:hsla(0,0%,100%,.85);border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;pointer-events:none;z-index:6}.sy-scatter-chart__watermark--degraded{border-color:#facc15;color:#854d0e}