@syidax/advanced 0.0.0-stage → 1.0.1

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

@@ -0,0 +1 @@
+import{reportChartFormatterError,safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computeDumbbellModel,dumbbellBandAtPoint,dumbbellBandCenterX,dumbbellBottomUpRevealY,dumbbellConnectors,dumbbellMarkerPath}from"./core/dumbbell-geometry.js";import{pickDumbbellEngine}from"./core/dumbbell-chart-core.js";import{normalizeDumbbellData,normalizeDumbbellDatum}from"./core/dumbbell-data.js";import{createDumbbellAnimator}from"./core/dumbbell-animator.js";import{createDumbbellStreamSource,normalizeDumbbellStreamDatum}from"./core/dumbbell-stream-source.js";import{ChartStreamingGate,standardOnlyEngineStatus,applyPlainStreamOp,chartStreamingInput}from"../pie-chart/license/chart-streaming-gate.js";import{resolveCartesianAxesSpec,resolveCartesianCrosshairSpec,resolveCartesianGridLinesSpec,resolveCartesianTooltipSpec}from"../_shared/core/contract/index.js";import{computeCartesianFrame}from"../_shared/core/layout/cartesian-frame.js";import{cartesianTooltipAnchor}from"../_shared/core/layout/index.js";import{computeTooltipPlacement,tooltipConnectorEnd}from"../_shared/core/tooltip/index.js";import{snapCategoryCrosshair}from"../_shared/core/crosshair/category-snap.js";import{lerpStreamWindow,capStreamDuration}from"../_shared/core/animation/stream-interp.js";import{buildChartPointContextMenuDetail}from"../_shared/core/event/index.js";import{resolvePair,resolvePairColors}from"../_shared/core/color/index.js";import{computeLegendLayout}from"../_shared/core/layout/legend.js";import{resolveAutoAxisLabels}from"../_shared/core/axis/index.js";import{renderChartBrand}from"../_shared/core/brand/chart-brand.js";const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";const DUMBBELL_LOW_SERIES_ID="low";const DUMBBELL_HIGH_SERIES_ID="high";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}function niceUpper(max){if(!Number.isFinite(max)||max<=0)return 1;const target=max*1.05;const exp=Math.floor(Math.log10(target));const base=Math.pow(10,exp);for(const m of[1,1.5,2,2.5,3,4,5,6,8,10])if(m*base>=target)return m*base;return 10*base}function niceLower(min){if(!Number.isFinite(min)||min>=0)return 0;return-niceUpper(-min)}export class SyDumbbellChart{host;data=[];categories;groups;lowName;highName;width=640;height=360;brandLogo;brandPosition="bottom-right";color="";lineColor="#cbd5e1";lineWidth=3;marker="circle";markerSize=6;sortDescending=false;valueAxisLabel;xAxis;yAxis;gridLines;xLabelMode;xLabelRotation;xLabelMaxCount;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;legendItemClick;seriesToggled;activeTier="standard";legendDisabled=new Set;fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createDumbbellAnimator();animationFrameHandle=null;morphActive=false;displayedConnectors=new Map;morphFromConnectors;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamLowWindow=new Float32Array(0);streamHighWindow=new Float32Array(0);streamCategories=[];streamFromLow;streamFromHigh;lastStreamTime;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}firstRender=true;handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async appendPoint(datum){const normalized=normalizeDumbbellDatum(datum,this.data.length);await this.streamLicense.run("appendPoint",route=>{if(route==="stream"&&this.activeStreamSource()){this.ensureInternalStreamSource()?.push({values:[normalized.low,normalized.high],category:normalized.category});return}this.data=[...this.data,datum]},this.displayedStreamSource()!==void 0)}async appendBatch(data){await this.streamOrPlain("appendBatch",{type:"pushBatch",data},()=>this.ensureInternalStreamSource()?.pushBatch(data))}async shift(count){await this.streamOrPlain("shift",{type:"shift",count},()=>this.activeStreamSource()?.shift(count))}async replace(data){await this.streamOrPlain("replace",{type:"replace",data},()=>this.ensureInternalStreamSource()?.replace(data))}async getStreamSource(){return this.streamLicense.run("getStreamSource",route=>route==="stream"?this.activeStreamSource():void 0,this.displayedStreamSource()!==void 0)}async showSeries(idOrIndex,opts){return this.updateEndVisible(idOrIndex,true,opts)}async hideSeries(idOrIndex,opts){return this.updateEndVisible(idOrIndex,false,opts)}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){if(!this.hasVisibleEnd())return null;const layout=this.computeDumbbellLayout();const index=dumbbellBandAtPoint(layout.plot,layout.model.items.length,cssX,cssY);if(index<0)return null;if(!this.itemHasVisibleEndpoint(layout.model.items[index]))return null;return this.detailForIndex(layout,index,cssX,cssY)}async showTooltipAtPoint(index){if(!this.hasVisibleEnd())return null;const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeDumbbellLayout();const hit=this.dumbbellHitAtIndex(layout,index);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverIndex=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}normalizedData(){return normalizeDumbbellData(this.data)}lows(){return this.normalizedData().map(d=>d.low)}highs(){return this.normalizedData().map(d=>d.high)}cats(){if(this.categories)return[...this.categories];if(this.isStreaming())return[...this.streamCategories];return this.normalizedData().map(d=>d.category)}computeDumbbellLayout(){const model=computeDumbbellModel(this.streamLow()??this.lows(),this.streamHigh()??this.highs(),this.cats(),{sortDescending:this.sortDescending&&!this.isStreaming()});const legend=this.legendVisible()?this.buildLegendLayout():null;const outer=this.outerRectFromLegend(legend);const n=model.items.length;const categories=model.items.map(it=>it.category);const valueMax=niceUpper(Math.max(model.maxValue,1));const valueMin=niceLower(model.minValue);const axes=resolveCartesianAxesSpec(this.resolveXAxisInput(categories),this.resolveYAxisInput());const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,n-.5)},yExtent:{min:valueMin,max:valueMax}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const valueY=value=>outer.y+frame.yScale(value);const connectors=dumbbellConnectors(model,plot,valueY);return{model,outer,plot,frame,valueY,connectors,legend}}outerRectFromLegend(legend){if(!legend?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const r=legend.remainingOuter;return{x:r.x,y:r.y,width:Math.max(1,r.width),height:Math.max(1,r.height)}}buildLegendLayout(){const items=this.legendItems().map((it,i)=>({label:it.label,swatchColor:it.color,swatchShape:"circle",disabled:this.isEndDisabled(it.id),seriesIndex:i}));const direction=this.legendPosition==="left"||this.legendPosition==="right"?"vertical":"horizontal";return computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,direction,padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}resolveXAxisInput(categories){const tickCount=Math.min(categories.length,24);const base={kind:"category",position:"bottom",show:true,categories,tickCount};if(this.xAxis&&typeof this.xAxis==="object")return{...base,...this.xAxis,categories};if(this.xAxis===false||this.xAxis==="off")return{...base,show:false};return base}resolveYAxisInput(){const base={kind:"linear",position:"left",show:true,label:this.valueAxisLabel};if(this.yAxis&&typeof this.yAxis==="object")return{...base,...this.yAxis};if(this.yAxis===false||this.yAxis==="off")return{...base,show:false};return base}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=false;this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=true;this.animator.clear();this.morphFromConnectors=new Map(this.displayedConnectors);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.morphActive=false;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createDumbbellStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const out=[];const lows=this.lows();const highs=this.highs();const cats=this.cats();const n=Math.max(lows.length,highs.length);for(let i=0;i<n;i++){const lo=lows[i];const hi=highs[i];if(typeof lo==="number"&&Number.isFinite(lo)&&typeof hi==="number"&&Number.isFinite(hi)){out.push({values:[lo,hi],category:cats[i]})}}return out}coerceStreamCapacity(){if(typeof this.streamMax==="number"&&Number.isFinite(this.streamMax)&&this.streamMax>0)return Math.floor(this.streamMax);if(typeof this.streamWindow==="number"&&Number.isFinite(this.streamWindow)&&this.streamWindow>0)return Math.floor(this.streamWindow)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const toRow=pair=>{const d=normalizeDumbbellStreamDatum(pair);if(!d)return void 0;return d.category===void 0?{values:[d.low,d.high]}:{category:d.category,values:[d.low,d.high]}};const{list,event}=applyPlainStreamOp(this.data,op,toRow);if(!event)return;this.data=list;if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenData=this.data;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.data!==this.streamFrozenData&&!this.boundStreamSource){this.internalStreamSource=void 0;this.streamLowWindow=new Float32Array(0);this.streamHighWindow=new Float32Array(0);this.streamCategories=[];this.streamFromLow=void 0;this.streamFromHigh=void 0}this.streamFrozenData=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const coerceEnd=v=>typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0;const nextLow=Float32Array.from(snapshot.map(d=>coerceEnd(d.low)));const nextHigh=Float32Array.from(snapshot.map(d=>coerceEnd(d.high)));const nextCategories=snapshot.map((d,i)=>d.category??String(i+1));const animate=this.shouldAnimate()&&this.streamLowWindow.length>0&&nextLow.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromLow=this.currentStreamLow();this.streamFromHigh=this.currentStreamHigh();this.suppressNextValuesAnimation=true;this.streamLowWindow=nextLow;this.streamHighWindow=nextHigh;this.streamCategories=nextCategories;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.streamLowWindow=nextLow;this.streamHighWindow=nextHigh;this.streamCategories=nextCategories}this.animationTick++;if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}isStreaming(){return this.displayedStreamSource()!=null&&!this.appTookFrozenDisplay()}appTookFrozenDisplay(){return this.streamLicense.frozen&&this.streamFrozenData!==void 0&&this.data!==this.streamFrozenData}currentStreamLow(){if(this.animator.has(STREAM_KEY)&&this.streamFromLow){return lerpStreamWindow(this.streamFromLow,this.streamLowWindow,this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.streamLowWindow}currentStreamHigh(){if(this.animator.has(STREAM_KEY)&&this.streamFromHigh){return lerpStreamWindow(this.streamFromHigh,this.streamHighWindow,this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.streamHighWindow}streamLow(){if(!this.isStreaming())return null;if(this.animator.has(STREAM_KEY)&&this.streamFromLow){return lerpStreamWindow(this.streamFromLow,this.streamLowWindow,this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.streamLowWindow}streamHigh(){if(!this.isStreaming())return null;if(this.animator.has(STREAM_KEY)&&this.streamFromHigh){return lerpStreamWindow(this.streamFromHigh,this.streamHighWindow,this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.streamHighWindow}detailForIndex(layout,index,cssX,cssY){const item=layout.model.items[index];const range=item.low===null||item.high===null?null:item.high-item.low;return{index,category:item.category,low:item.low,high:item.high,range,cssX,cssY}}itemHasVisibleEndpoint(item){return this.isLowVisible()&&item.low!==null||this.isHighVisible()&&item.high!==null}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}dumbbellHitAtIndex(layout,index){if(!this.hasVisibleEnd())return null;const i=Math.trunc(index);if(!Number.isFinite(i)||i<0||i>=layout.model.items.length)return null;const item=layout.model.items[i];if(!this.itemHasVisibleEndpoint(item))return null;const c=layout.connectors.find(cc=>cc.index===i);const n=layout.model.items.length;const cssX=c?.x??dumbbellBandCenterX(layout.plot,i,n);const highVisible=this.isHighVisible()&&item.high!==null;const value=highVisible?item.high:item.low;const cssY=highVisible?c?.highY??layout.valueY(item.high):c?.lowY??layout.valueY(item.low);return{index:i,category:item.category,low:item.low,high:item.high,value,cssX,cssY}}srSummary(model){const finite=model.items.filter(it=>it.low!==null||it.high!==null);if(finite.length===0)return"Dumbbell chart, no data";return`Dumbbell range chart, ${finite.length} categories, value range ${Math.round(model.minValue)} to ${Math.round(model.maxValue)}.`}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(layout,hit,tooltipSpec,allowMultiple=false){const pointCssX=hit.cssX;const pointCssY=hit.cssY;const dataX=hit.index;const dataY=hit.value;const context={seriesIndex:0,pointIndex:hit.index,index:hit.index,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchorSpec=tooltipSpec.side?tooltipSpec:{...tooltipSpec,side:"top"};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:anchorSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({index:hit.index,category:hit.category,low:hit.low,high:hit.high,range:hit.low===null||hit.high===null?null:hit.high-hit.low,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category}: ${formatMaybeNumber(hit.low)} → ${formatMaybeNumber(hit.high)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-dumbbell-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tooltipClassName("sy-dumbbell-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTooltipConnector(){const tooltips=this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-dumbbell-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`0:${hit.index}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const samePoint=tooltip.context.pointIndex===hit.index;if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeDumbbellLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const index=this.hasVisibleEnd()?dumbbellBandAtPoint(layout.plot,layout.model.items.length,cssX,cssY):-1;if(index<0||!this.itemHasVisibleEndpoint(layout.model.items[index])){if(this.hoverIndex!==null){this.hoverIndex=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}if(index!==this.hoverIndex){this.hoverIndex=index;this.pointHover.emit(this.detailForIndex(layout,index,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const hit=this.dumbbellHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverIndex!==null)this.pointHover.emit(null);this.hoverIndex=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const bands=layout.connectors.map(c=>({pos:c.x,index:c.index}));const points=layout.connectors.flatMap(c=>{const out=[];if(this.isLowVisible()&&c.lowY!==null)out.push({cssX:c.x,cssY:c.lowY,index:c.index});if(this.isHighVisible()&&c.highY!==null)out.push({cssX:c.x,cssY:c.highY,index:c.index});return out});const snap=snapCategoryCrosshair(cssX,cssY,plot,"x",bands,points,spec.snap);if(!this.cursor||this.cursor.cssX!==snap.cssX||this.cursor.cssY!==snap.cssY){this.cursor={cssX:snap.cssX,cssY:snap.cssY};this.crosshairMove.emit({cssX:snap.cssX,cssY:snap.cssY,snappedPointIndex:snap.index})}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-dumbbell-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-dumbbell-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-dumbbell-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{const layout=this.computeDumbbellLayout();const{cssX,cssY}=this.localPoint(event);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;const index=this.hasVisibleEnd()?dumbbellBandAtPoint(layout.plot,layout.model.items.length,cssX,cssY):-1;const c=index>=0?layout.connectors.find(cc=>cc.index===index)??null:null;const markerYs=c?this.visibleMarkerYs(c):[];const offMark=markerYs.length===0||cssY<Math.min(...markerYs)-12||cssY>Math.max(...markerYs)+12;if(index<0||!this.itemHasVisibleEndpoint(layout.model.items[index])||offMark){if(this.hasVisibleTooltips())this.clearTooltips();if(inside)this.seriesOutsideClick.emit({cssX,cssY});return}this.pointClick.emit(this.detailForIndex(layout,index,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const hit=this.dumbbellHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec,true)}};handleContextMenu=event=>{if(!this.hasVisibleEnd())return;const layout=this.computeDumbbellLayout();const{cssX,cssY}=this.localPoint(event);const index=dumbbellBandAtPoint(layout.plot,layout.model.items.length,cssX,cssY);if(index<0||!this.itemHasVisibleEndpoint(layout.model.items[index]))return;this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"dumbbell",this.detailForIndex(layout,index,cssX,cssY)))};legendVisible(){return this.legend}pairColors(){return resolvePairColors(this.color,["#94a3b8","#2563eb"])}groupLabels(){const low=this.groups?.[0]?.trim()||this.lowName?.trim()||"Low";const high=this.groups?.[1]?.trim()||this.highName?.trim()||"High";return[low,high]}legendItems(){const[low,high]=this.pairColors();const[lowLabel,highLabel]=this.groupLabels();return[{id:DUMBBELL_LOW_SERIES_ID,label:lowLabel,color:low},{id:DUMBBELL_HIGH_SERIES_ID,label:highLabel,color:high}]}isEndDisabled(id){return this.legendDisabled.has(id)}isLowVisible(){return!this.isEndDisabled(DUMBBELL_LOW_SERIES_ID)}isHighVisible(){return!this.isEndDisabled(DUMBBELL_HIGH_SERIES_ID)}hasVisibleEnd(){return this.isLowVisible()||this.isHighVisible()}hasVisibleConnector(){return this.isLowVisible()&&this.isHighVisible()}visibleMarkerYs(connector){const ys=[];if(this.isLowVisible()&&connector.lowY!==null)ys.push(connector.lowY);if(this.isHighVisible()&&connector.highY!==null)ys.push(connector.highY);return ys}renderedElementCount(connectors){if(!this.hasVisibleEnd())return 0;let markerCount=0;let connectorCount=0;for(const connector of connectors){if(this.isLowVisible()&&connector.lowY!==null)markerCount++;if(this.isHighVisible()&&connector.highY!==null)markerCount++;if(this.hasVisibleConnector()&&connector.lowY!==null&&connector.highY!==null)connectorCount++}return markerCount+connectorCount}endpointIndex(id){return id===DUMBBELL_LOW_SERIES_ID?0:1}resolveEndId(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const index=Math.floor(idOrIndex);if(index===0)return DUMBBELL_LOW_SERIES_ID;if(index===1)return DUMBBELL_HIGH_SERIES_ID;return null}const normalized=String(idOrIndex).trim().toLowerCase();const[lowLabel,highLabel]=this.groupLabels();if(normalized===DUMBBELL_LOW_SERIES_ID||normalized===lowLabel.trim().toLowerCase())return DUMBBELL_LOW_SERIES_ID;if(normalized===DUMBBELL_HIGH_SERIES_ID||normalized===highLabel.trim().toLowerCase())return DUMBBELL_HIGH_SERIES_ID;return null}updateEndVisible(idOrIndex,visible,opts){const id=this.resolveEndId(idOrIndex);if(!id)return false;const next=new Set(this.legendDisabled);if(visible)next.delete(id);else next.add(id);this.legendDisabled=next;const index=this.endpointIndex(id);this.seriesToggled.emit({index,seriesId:id,disabled:!visible});if(opts?.redraw!==false)this.animationTick++;return true}toggleEnd(item,index){const next=new Set(this.legendDisabled);if(next.has(item.id))next.delete(item.id);else next.add(item.id);this.legendDisabled=next;const disabled=next.has(item.id);this.legendItemClick.emit({index,seriesId:item.id,label:item.label,disabled});this.seriesToggled.emit({index,seriesId:item.id,disabled});this.animationTick++}renderLegend(layout){const legend=layout.legend;if(!legend?.legendRect)return null;const rect=legend.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";return h("div",{class:"sy-dumbbell-chart__legend",style:{position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",flexDirection:vertical?"column":"row",flexWrap:"wrap",gap:"14px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto",zIndex:"3"}},this.legendItems().map((item,i)=>{const disabled=this.isEndDisabled(item.id);return h("button",{type:"button",key:`lg-${i}`,class:{"sy-dumbbell-chart__legend-item":true,"sy-dumbbell-chart__legend-item--disabled":disabled},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",outline:"none",boxShadow:"none",appearance:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"inherit",color:"inherit",opacity:disabled?"0.4":"1",textDecoration:disabled?"line-through":"none"},onClick:()=>this.toggleEnd(item,i)},h("span",{class:"sy-dumbbell-chart__legend-swatch",style:{width:"12px",height:"12px",borderRadius:"50%",background:item.color}}),h("span",{class:"sy-dumbbell-chart__legend-label"},item.label))}))}render(){const pick=pickDumbbellEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeDumbbellLayout();const revealing=this.animator.has(REVEAL_KEY)&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromConnectors!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const animY=new Map;for(const c of layout.connectors){let lowY=c.lowY;let highY=c.highY;if(morphing){const from=this.morphFromConnectors.get(c.index);if(from){if(from.lowY!==null&&c.lowY!==null)lowY=from.lowY+(c.lowY-from.lowY)*morph;if(from.highY!==null&&c.highY!==null)highY=from.highY+(c.highY-from.highY)*morph}}else if(revealing){lowY=c.lowY===null?null:dumbbellBottomUpRevealY(c.lowY,layout.plot,reveal);highY=c.highY===null?null:dumbbellBottomUpRevealY(c.highY,layout.plot,reveal)}animY.set(c.index,{lowY,highY})}this.displayedConnectors=animY;this.lastRenderResult={points:this.renderedElementCount(layout.connectors),renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const[lowColor,highColor]=this.pairColors();const[lowMarker,highMarker]=resolvePair(this.marker,["circle","circle"]);const normalizedData=this.normalizedData();const sourceOf=new Map;if(!this.isStreaming()){for(const it of layout.model.items)sourceOf.set(it.index,it.sourceIndex)}const r=Math.max(1,this.markerSize);const drawMarker=(symbol,cx,cy,rr,fill,key)=>symbol==="circle"?h("circle",{key,class:"sy-dumbbell-chart__marker",cx:round2(cx),cy:round2(cy),r:round2(Math.max(.5,rr)),fill,stroke:"#fff","stroke-width":1}):h("path",{key,class:"sy-dumbbell-chart__marker",d:dumbbellMarkerPath(symbol,cx,cy,Math.max(.5,rr)),fill,stroke:"#fff","stroke-width":1});return h(Host,{key:"86f8fcc5c39b7fb84c07d34ad34a269a73f8c9fa",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"figure","aria-label":this.chartTitle??"Dumbbell chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{key:"83c79ffa6695dd368b77450714ca8b5705949171",class:"sy-dumbbell-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},this.hasVisibleConnector()&&h("g",{key:"657a3a1bcbc9c306fffbbded371f8e7551d02261",class:"sy-dumbbell-chart__connectors"},layout.connectors.map(c=>{const{lowY,highY}=animY.get(c.index);if(lowY===null||highY===null)return null;const active=this.hoverIndex===c.index;const connectorDrawLength=Math.abs(lowY-highY);const connectorDrawDash=revealing&&connectorDrawLength>.01?round2(connectorDrawLength):void 0;const connectorDrawOffset=connectorDrawDash===void 0?void 0:round2(connectorDrawLength*(1-reveal));return h("line",{key:`con-${c.index}`,class:"sy-dumbbell-chart__connector",x1:round2(c.x),y1:round2(lowY),x2:round2(c.x),y2:round2(highY),stroke:this.lineColor,"stroke-width":this.lineWidth,"stroke-linecap":"round","stroke-dasharray":connectorDrawDash,"stroke-dashoffset":connectorDrawOffset,opacity:this.hoverIndex===null||active?1:.5})})),this.hasVisibleEnd()&&h("g",{key:"4893c53a993e3b67c4ac9365e3354bf715cd110a",class:"sy-dumbbell-chart__markers"},layout.connectors.map(c=>{const{lowY,highY}=animY.get(c.index);const active=this.hoverIndex===c.index;const rr=active?r+1.5:r;const src=sourceOf.get(c.index);const datum=src===void 0?void 0:normalizedData[src];const lowFill=datum?.lowColor??lowColor;const highFill=datum?.highColor??highColor;const lowSym=datum?.lowMarker??lowMarker;const highSym=datum?.highMarker??highMarker;return[this.isLowVisible()&&lowY!==null?drawMarker(lowSym,c.x,lowY,rr,lowFill,`low-${c.index}`):null,this.isHighVisible()&&highY!==null?drawMarker(highSym,c.x,highY,rr,highFill,`high-${c.index}`):null]}))),this.renderCrosshair(layout),this.renderLegend(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"1dd07ec50b88b19a77483bdd772ba78b86018857",class:"sy-dumbbell-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"58a0af663abe38d388ffff5a92619564f30bfc0b",class:"sy-dumbbell-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??String(t.value);const catLabels=frame.xTicks.map(t=>tickLabel(t));const catCenters=frame.xTicks.map(t=>outer.x+t.position);const decl=resolveAutoAxisLabels({labels:catLabels,centers:catCenters,range:[plot.x,plot.x+plot.width],orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return h("div",{class:"sy-dumbbell-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},frame.titleRect&&this.chartTitle&&h("div",{class:"sy-dumbbell-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-dumbbell-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.yGridLines.map(line=>h("div",{class:"sy-dumbbell-chart__grid-line",style:{position:"absolute",left:`${plot.x}px`,top:`${outer.y+line.y}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),frame.xTicks.map((t,i)=>{if(!decl.visible[i])return null;const rotate=decl.rotationDeg>0;return h("div",{class:"sy-dumbbell-chart__axis-label sy-dumbbell-chart__axis-label--x",style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${plot.y+plot.height+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",...rotate?{transform:`rotate(${decl.rotationDeg}deg)`,transformOrigin:"top center"}:{}}},tickLabel(t))}),frame.yTicks.map(t=>h("div",{class:"sy-dumbbell-chart__axis-label sy-dumbbell-chart__axis-label--y",style:{position:"absolute",left:`${plot.x-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),h("div",{class:"sy-dumbbell-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y+plot.height}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),h("div",{class:"sy-dumbbell-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),this.valueAxisLabel&&h("div",{class:"sy-dumbbell-chart__axis-title",style:{position:"absolute",left:`${plot.x-68}px`,top:`${plot.y+plot.height/2}px`,width:`${plot.height}px`,transform:"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},this.valueAxisLabel))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"dumbbell"})}static get is(){return"sy-dumbbell-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-dumbbell-chart.scss"]}}static get styleUrls(){return{"$":["sy-dumbbell-chart.css"]}}static get properties(){return{"data":{"type":"unknown","mutable":true,"complexType":{"original":"ReadonlyArray<DumbbellDatum>","resolved":"readonly DumbbellDatum[]","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DumbbellDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellDatum","referenceLocation":"DumbbellDatum"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"categories":{"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},"groups":{"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},"lowName":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"low-name"},"highName":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"high-name"},"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":"640"},"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'"},"color":{"type":"string","mutable":false,"complexType":{"original":"string | ReadonlyArray<string>","resolved":"readonly string[] | string","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"color","defaultValue":"''"},"lineColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"line-color","defaultValue":"'#cbd5e1'"},"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":"3"},"marker":{"type":"string","mutable":false,"complexType":{"original":"DumbbellMarkerSymbol | string | ReadonlyArray<string>","resolved":"readonly string[] | string","references":{"DumbbellMarkerSymbol":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellMarkerSymbol","referenceLocation":"DumbbellMarkerSymbol"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"marker","defaultValue":"'circle'"},"markerSize":{"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-size","defaultValue":"6"},"sortDescending":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"sort-descending","defaultValue":"false"},"valueAxisLabel":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"value-axis-label"},"xAxis":{"type":"any","mutable":false,"complexType":{"original":"CartesianAxisInput | ReadonlyArray<CartesianAxisInput>","resolved":'"auto" | "off" | CartesianAxisSpec | boolean | readonly CartesianAxisInput[]',"references":{"CartesianAxisInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianAxisInput","referenceLocation":"CartesianAxisInput"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-axis"},"yAxis":{"type":"any","mutable":false,"complexType":{"original":"CartesianAxisInput","resolved":'"auto" | "off" | CartesianAxisSpec | boolean',"references":{"CartesianAxisInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianAxisInput","referenceLocation":"CartesianAxisInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"y-axis"},"gridLines":{"type":"any","mutable":false,"complexType":{"original":"CartesianGridLinesInput","resolved":'"auto" | "off" | CartesianGridLinesSpec | boolean',"references":{"CartesianGridLinesInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianGridLinesInput","referenceLocation":"CartesianGridLinesInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"grid-lines"},"xLabelMode":{"type":"string","mutable":false,"complexType":{"original":"'auto' | 'all' | 'thin' | 'rotate' | 'none'","resolved":'"all" | "auto" | "none" | "rotate" | "thin"',"references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-mode"},"xLabelRotation":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-rotation"},"xLabelMaxCount":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-max"},"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"},"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"},"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":"true"},"legendPosition":{"type":"string","mutable":false,"complexType":{"original":"DumbbellChartLegendPosition","resolved":'"bottom" | "left" | "right" | "top"',"references":{"DumbbellChartLegendPosition":{"location":"local","path":"src/components/chart/dumbbell-chart/sy-dumbbell-chart.tsx","id":"src/components/chart/dumbbell-chart/sy-dumbbell-chart.tsx::DumbbellChartLegendPosition"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend-position","defaultValue":"'top'"},"tooltipEnabled":{"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: DumbbellChartPointerEventDetail) => string","resolved":"(detail: DumbbellChartPointerEventDetail) => string","references":{"DumbbellChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartPointerEventDetail","referenceLocation":"DumbbellChartPointerEventDetail"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"tooltip":{"type":"any","mutable":false,"complexType":{"original":"CartesianTooltipInput","resolved":'"auto" | "off" | Omit<Partial<CartesianTooltipSpec>, "connector"> & { connector?: CartesianTooltipConnectorInput; } | boolean',"references":{"CartesianTooltipInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipInput","referenceLocation":"CartesianTooltipInput"}}},"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"},"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":"600"},"animationEasing":{"type":"string","mutable":true,"complexType":{"original":"DumbbellChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"DumbbellChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartEasing","referenceLocation":"DumbbellChartEasing"}}},"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":"DumbbellChartAnimationType","resolved":'"initial" | "update"',"references":{"DumbbellChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartAnimationType","referenceLocation":"DumbbellChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"DumbbellChartStreamSource","resolved":"DumbbellChartStreamSource","references":{"DumbbellChartStreamSource":{"location":"import","path":"./core/dumbbell-stream-source","id":"src/components/chart/dumbbell-chart/core/dumbbell-stream-source.ts::DumbbellChartStreamSource","referenceLocation":"DumbbellChartStreamSource"}}},"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":"DumbbellChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"DumbbellChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartEngineMode","referenceLocation":"DumbbellChartEngineMode"}}},"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":"DumbbellChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"DumbbellChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartUnavailableBehaviour","referenceLocation":"DumbbellChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"legendDisabled":{},"fallbackReason":{},"cartesianTooltip":{},"cartesianTooltips":{},"srAnnouncement":{},"animationTick":{},"hoverIndex":{},"cursor":{}}}static get events(){return[{"method":"rendered","name":"rendered","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DumbbellChartRenderResult & { tier: DumbbellChartEngineTier }","resolved":"DumbbellChartRenderResult & { tier: DumbbellChartEngineTier; }","references":{"DumbbellChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartRenderResult","referenceLocation":"DumbbellChartRenderResult"},"DumbbellChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartEngineTier","referenceLocation":"DumbbellChartEngineTier"}}}},{"method":"pointClick","name":"pointClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DumbbellChartPointerEventDetail","resolved":"DumbbellChartPointerEventDetail","references":{"DumbbellChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartPointerEventDetail","referenceLocation":"DumbbellChartPointerEventDetail"}}}},{"method":"pointHover","name":"pointHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DumbbellChartPointerEventDetail | null","resolved":"DumbbellChartPointerEventDetail","references":{"DumbbellChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartPointerEventDetail","referenceLocation":"DumbbellChartPointerEventDetail"}}}},{"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<DumbbellChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<DumbbellChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"DumbbellChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartPointerEventDetail","referenceLocation":"DumbbellChartPointerEventDetail"}}}},{"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":"tooltipShow","name":"tooltipShow","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianTooltipEventDetail","resolved":"CartesianTooltipEventDetail","references":{"CartesianTooltipEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipEventDetail","referenceLocation":"CartesianTooltipEventDetail"}}}},{"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":"CartesianTooltipActionEventDetail","resolved":"CartesianTooltipActionEventDetail","references":{"CartesianTooltipActionEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipActionEventDetail","referenceLocation":"CartesianTooltipActionEventDetail"}}}},{"method":"seriesOutsideClick","name":"seriesOutsideClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianSeriesOutsideClickEventDetail","resolved":"CartesianSeriesOutsideClickEventDetail","references":{"CartesianSeriesOutsideClickEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianSeriesOutsideClickEventDetail","referenceLocation":"CartesianSeriesOutsideClickEventDetail"}}}},{"method":"legendItemClick","name":"legendItemClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DumbbellChartLegendItemEventDetail","resolved":"DumbbellChartLegendItemEventDetail","references":{"DumbbellChartLegendItemEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartLegendItemEventDetail","referenceLocation":"DumbbellChartLegendItemEventDetail"}}}},{"method":"seriesToggled","name":"seriesToggled","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DumbbellChartSeriesToggledEventDetail","resolved":"DumbbellChartSeriesToggledEventDetail","references":{"DumbbellChartSeriesToggledEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartSeriesToggledEventDetail","referenceLocation":"DumbbellChartSeriesToggledEventDetail"}}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<DumbbellChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartRenderResult","referenceLocation":"DumbbellChartRenderResult"}},"return":"Promise<DumbbellChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<DumbbellChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartEngineTier","referenceLocation":"DumbbellChartEngineTier"}},"return":"Promise<DumbbellChartEngineTier>"},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(data: ReadonlyArray<DumbbellDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DumbbellDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DumbbellDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellDatum","referenceLocation":"DumbbellDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(datum: DumbbellDatum) => Promise<void>","parameters":[{"name":"datum","type":"DumbbellDatum","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellDatum","referenceLocation":"DumbbellDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(data: ReadonlyArray<DumbbellPairDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DumbbellPairDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DumbbellPairDatum":{"location":"import","path":"./core/dumbbell-stream-source","id":"src/components/chart/dumbbell-chart/core/dumbbell-stream-source.ts::DumbbellPairDatum","referenceLocation":"DumbbellPairDatum"}},"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":"(data: ReadonlyArray<DumbbellPairDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DumbbellPairDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DumbbellPairDatum":{"location":"import","path":"./core/dumbbell-stream-source","id":"src/components/chart/dumbbell-chart/core/dumbbell-stream-source.ts::DumbbellPairDatum","referenceLocation":"DumbbellPairDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<DumbbellChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellChartStreamSource":{"location":"import","path":"./core/dumbbell-stream-source","id":"src/components/chart/dumbbell-chart/core/dumbbell-stream-source.ts::DumbbellChartStreamSource","referenceLocation":"DumbbellChartStreamSource"}},"return":"Promise<DumbbellChartStreamSource>"},"docs":{text:"",tags:[]}},"showSeries":{"complexType":{"signature":"(idOrIndex: string | number, opts?: { redraw?: boolean; }) => Promise<boolean>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"opts","type":"{ redraw?: boolean; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"hideSeries":{"complexType":{"signature":"(idOrIndex: string | number, opts?: { redraw?: boolean; }) => Promise<boolean>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"opts","type":"{ redraw?: boolean; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: DumbbellChartEasing; enabled?: boolean; type?: DumbbellChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: DumbbellChartEasing; enabled?: boolean; type?: DumbbellChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartEasing","referenceLocation":"DumbbellChartEasing"},"DumbbellChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartAnimationType","referenceLocation":"DumbbellChartAnimationType"}},"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<DumbbellChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DumbbellChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dumbbell-chart/core/types.ts::DumbbellChartPointerEventDetail","referenceLocation":"DumbbellChartPointerEventDetail"}},"return":"Promise<DumbbellChartPointerEventDetail>"},"docs":{text:"",tags:[]}},"showTooltipAtPoint":{"complexType":{"signature":"(index: number) => Promise<CartesianTooltipEventDetail | null>","parameters":[{"name":"index","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianTooltipEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipEventDetail","referenceLocation":"CartesianTooltipEventDetail"}},"return":"Promise<CartesianTooltipEventDetail>"},"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":"handleValuesChange"},{"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":"categories","methodName":"handleVisualChange"},{"propName":"groups","methodName":"handleVisualChange"},{"propName":"color","methodName":"handleVisualChange"},{"propName":"lineColor","methodName":"handleVisualChange"},{"propName":"lineWidth","methodName":"handleVisualChange"},{"propName":"marker","methodName":"handleVisualChange"},{"propName":"markerSize","methodName":"handleVisualChange"},{"propName":"sortDescending","methodName":"handleVisualChange"},{"propName":"valueAxisLabel","methodName":"handleVisualChange"},{"propName":"xAxis","methodName":"handleVisualChange"},{"propName":"yAxis","methodName":"handleVisualChange"},{"propName":"gridLines","methodName":"handleVisualChange"},{"propName":"chartTitle","methodName":"handleVisualChange"},{"propName":"chartSubtitle","methodName":"handleVisualChange"},{"propName":"width","methodName":"handleVisualChange"},{"propName":"height","methodName":"handleVisualChange"},{"propName":"engine","methodName":"handleVisualChange"},{"propName":"unavailable","methodName":"handleVisualChange"},{"propName":"lowName","methodName":"handleVisualChange"},{"propName":"highName","methodName":"handleVisualChange"},{"propName":"legend","methodName":"handleVisualChange"},{"propName":"legendPosition","methodName":"handleVisualChange"},{"propName":"xLabelMode","methodName":"handleVisualChange"},{"propName":"xLabelRotation","methodName":"handleVisualChange"},{"propName":"xLabelMaxCount","methodName":"handleVisualChange"}]}}function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}function formatMaybeNumber(v){return v===null?"null":formatNumber(v)}

package/dist/collection/components/chart/facade-types.js

@@ -0,0 +1 @@
+export{};

package/dist/collection/components/chart/funnel-chart/core/funnel-animator.js

@@ -0,0 +1 @@
+export function applyFunnelEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createFunnelAnimator(){const entries=new Map;function elapsed(entry,now){if(entry.startedAt<0)return entry.pausedElapsed;if(entry.paused)return entry.pausedElapsed;return Math.max(0,now-entry.startedAt+entry.pausedElapsed)}function rawProgress(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;return applyFunnelEasing(rawProgress(entry,now),entry.easing)},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}

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

@@ -0,0 +1 @@
+import{normalizeUnavailableBehaviour}from"../../_shared/core/engine/resolve-chart-engine.js";export function pickFunnelEngine(options){if(options.requested==="pro"){const reason="no GPU funnel renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-funnel-chart: Pro engine is unavailable — no GPU funnel renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-funnel-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}

package/dist/collection/components/chart/funnel-chart/core/funnel-geometry.js

@@ -0,0 +1 @@
+export function computeFunnelLayout(options){const pad=Math.max(0,options.outerPadding??8);const gutter=Math.max(0,options.labelGutter??0);const side=options.labelGutterSide??"left";const x=options.plot.x+pad+(side==="left"?gutter:0);const y=options.plot.y+pad;const width=Math.max(1,options.plot.width-pad*2-gutter);const height=Math.max(1,options.plot.height-pad*2);return{x,y,width,height,cx:x+width/2}}export function widthRatioAt(f,profile){const t=f<0?0:f>1?1:f;if(profile.reversed)return t;const neckW=Math.max(0,Math.min(1,profile.neckWidthRatio));const neckH=Math.max(0,Math.min(1,profile.neckHeightRatio));const taperEnd=1-neckH;if(taperEnd<=0)return neckW;if(t<=taperEnd)return 1-(1-neckW)*(t/taperEnd);return neckW}export function resolveFunnelSections(options){const{layout,profile}=options;const gap=Math.max(0,options.gap??2);const visible=options.metas.filter(m=>m.visible&&m.value>0);const total=visible.reduce((sum,m)=>sum+m.value,0);const out=[];if(total<=0)return out;const gapTotal=gap*Math.max(0,visible.length-1);const usableH=Math.max(1,layout.height-gapTotal);const minH=Math.max(0,Math.min(options.minSectionHeight??0,usableH/Math.max(1,visible.length)));const variableH=Math.max(0,usableH-minH*visible.length);const scaleFor=options.heightScale;const scaleMode=options.heightScaleMode??"collapse";let cursor=layout.y;let drawn=0;for(const m of options.metas){if(!m.visible||m.value<=0){out.push({index:m.index,id:m.id,name:m.name,value:m.value,percentage:0,color:m.color,visible:false,opacity:m.opacity??1,borderColor:m.borderColor,borderWidth:m.borderWidth,borderDash:m.borderDash,labelColor:m.labelColor,yTop:cursor,yBottom:cursor,topHalf:0,bottomHalf:0,midX:layout.cx,midY:cursor});continue}const scale=scaleFor?Math.max(0,Math.min(1,scaleFor(m.id))):1;const fullH=minH+m.value/total*variableH;const h=fullH*scale;const yTop=scaleMode==="bottom-up"?cursor+(fullH-h):cursor;const yBottom=cursor+h+(scaleMode==="bottom-up"?fullH-h:0);const fTop=(yTop-layout.y)/layout.height;const fBottom=(yBottom-layout.y)/layout.height;const topHalf=widthRatioAt(fTop,profile)*layout.width/2;const bottomHalf=widthRatioAt(fBottom,profile)*layout.width/2;out.push({index:m.index,id:m.id,name:m.name,value:m.value,percentage:m.value/total,color:m.color,opacity:m.opacity??1,borderColor:m.borderColor,borderWidth:m.borderWidth,borderDash:m.borderDash,labelColor:m.labelColor,visible:true,yTop,yBottom,topHalf,bottomHalf,midX:layout.cx,midY:(yTop+yBottom)/2});cursor=(scaleMode==="bottom-up"?cursor+fullH:yBottom)+gap;drawn++}void drawn;return out}export function sectionPath(section,cx){if(!section.visible||section.yBottom-section.yTop<=0)return"";const tl=`${cx-section.topHalf} ${section.yTop}`;const tr=`${cx+section.topHalf} ${section.yTop}`;const br=`${cx+section.bottomHalf} ${section.yBottom}`;const bl=`${cx-section.bottomHalf} ${section.yBottom}`;return`M ${tl} L ${tr} L ${br} L ${bl} Z`}export function sectionAtPoint(cssX,cssY,sections,cx){for(const s of sections){if(!s.visible)continue;if(cssY<s.yTop||cssY>s.yBottom)continue;const h=s.yBottom-s.yTop||1;const f=(cssY-s.yTop)/h;const half=s.topHalf+(s.bottomHalf-s.topHalf)*f;if(Math.abs(cssX-cx)<=half)return s}return null}

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

@@ -0,0 +1 @@
+export function createFunnelStreamSource(){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/funnel-chart/core/funnel-stream-source.js

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

package/dist/collection/components/chart/funnel-chart/core/funnel-tooltip.js

@@ -0,0 +1 @@
+export const FUNNEL_TOOLTIP_DEFAULTS={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function isPlainObject(value){return Boolean(value)&&typeof value==="object"&&!Array.isArray(value)}export function resolveFunnelTooltipConnectorSpec(input){if(input===true)return{show:true};if(input===void 0||input===null||input===false||!isPlainObject(input)){return{show:false}}const partial=input;return{show:partial.show===true,color:typeof partial.color==="string"?partial.color:void 0,width:Number.isFinite(partial.width)&&partial.width>0?partial.width:void 0,dash:Array.isArray(partial.dash)?partial.dash.slice():void 0}}export function resolveFunnelTooltipSpec(input){if(input===void 0||input===null||input==="auto"||input===true){return{...FUNNEL_TOOLTIP_DEFAULTS}}if(input==="off"||input===false){return{...FUNNEL_TOOLTIP_DEFAULTS,show:false}}if(!isPlainObject(input)){return{...FUNNEL_TOOLTIP_DEFAULTS}}const partial=input;const style=isPlainObject(partial.style)?Object.fromEntries(Object.entries(partial.style).filter(([,value])=>typeof value==="string"||typeof value==="number")):void 0;const dimension=value=>typeof value==="string"||Number.isFinite(value)&&value>=0?value:void 0;const trigger=value=>value==="click"||value==="hover-click"||value==="hover"?value:FUNNEL_TOOLTIP_DEFAULTS.trigger;const openMode=value=>value==="multiple"?"multiple":FUNNEL_TOOLTIP_DEFAULTS.openMode;return{show:partial.show===false?false:true,openMode:openMode(partial.openMode),trigger:trigger(partial.trigger),side:partial.side,offset:Number.isFinite(partial.offset)&&partial.offset>=0?partial.offset:FUNNEL_TOOLTIP_DEFAULTS.offset,format:typeof partial.format==="function"?partial.format:void 0,html:typeof partial.html==="function"?partial.html:void 0,className:typeof partial.className==="string"?partial.className:void 0,style,width:dimension(partial.width),minWidth:dimension(partial.minWidth),maxWidth:dimension(partial.maxWidth),padding:dimension(partial.padding),interactive:partial.interactive===true,hideOnLeave:partial.hideOnLeave===false?false:true,connector:resolveFunnelTooltipConnectorSpec(partial.connector),draggable:partial.draggable===true}}export function funnelTooltipSpecFromLegacy(opts){return{...FUNNEL_TOOLTIP_DEFAULTS,show:opts.show,html:typeof opts.format==="function"?detail=>opts.format(detail):void 0}}

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

@@ -0,0 +1 @@
+export function resolveFunnelSectionMeta(section,index,fallbackColor){if(typeof section==="number"){return{id:String(index),name:String(index),value:Number.isFinite(section)&&section>=0?section:0,color:fallbackColor,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true}}const hasName=typeof section.name==="string"&&section.name.length>0;const rawValue=typeof section.value==="bigint"?Number(section.value):section.value;const value=Number.isFinite(rawValue)&&rawValue>=0?rawValue:0;return{id:section.id!==void 0&&section.id!==null?String(section.id):hasName?section.name:String(index),name:hasName?section.name:String(index),value,color:typeof section.color==="string"?section.color:fallbackColor,opacity:typeof section.opacity==="number"?Math.max(0,Math.min(1,section.opacity)):1,borderColor:typeof section.borderColor==="string"?section.borderColor:void 0,borderWidth:typeof section.borderWidth==="number"?Math.max(0,section.borderWidth):void 0,borderDash:Array.isArray(section.borderDash)?section.borderDash:void 0,labelColor:typeof section.labelColor==="string"?section.labelColor:void 0,visible:section.visible!==false}}export function normalizeFunnelData(data){if(!Array.isArray(data)||data.length===0)return[];if(data.every(d=>typeof d==="number")){return data.map(v=>({value:v}))}return data}

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

@@ -0,0 +1 @@
+import{sectionPath}from"../../core/funnel-geometry.js";function labelText(section,style){const parts=[section.name];if(style.showValue)parts.push(style.formatValue(section.value));if(style.showPercent)parts.push(`${(section.percentage*100).toFixed(1)}%`);return parts.join(" · ")}function estimateTextWidth(text,fontSize){return Array.from(text).reduce((sum,char)=>{const code=char.codePointAt(0)??0;return sum+fontSize*(code>127?.95:.58)},0)}function sectionWidthAtY(section,y){const h=Math.max(1,section.yBottom-section.yTop);const t=Math.max(0,Math.min(1,(y-section.yTop)/h));const half=section.topHalf+(section.bottomHalf-section.topHalf)*t;return half*2}function borderStyle(section){const dash=(section.borderDash??[]).filter(value=>Number.isFinite(value)&&value>0);return{color:section.borderColor??"#ffffff",width:Math.max(0,section.borderWidth??1),dash,explicit:section.borderColor!==void 0||section.borderWidth!==void 0||dash.length>0}}function preferredSharedBorder(a,b){if(a.width<=0&&b.width<=0)return null;if(a.width<=0)return b;if(b.width<=0)return a;const aDashed=a.dash.length>0;const bDashed=b.dash.length>0;if(aDashed!==bDashed)return aDashed?a:b;if(a.explicit!==b.explicit)return a.explicit?a:b;if(a.width!==b.width)return a.width>b.width?a:b;return b}function lineFromStyle(key,sectionIds,x1,y1,x2,y2,style){if(!style||style.width<=0)return null;return{key,sectionIds,x1,y1,x2,y2,color:style.color,width:style.width,dash:style.dash.length>0?style.dash:void 0}}function resolveBorderVisuals(sections,cx){const visible=sections.filter(s=>s.visible&&s.yBottom-s.yTop>0);const out=[];for(const section of visible){const style=borderStyle(section);const left=lineFromStyle(`bd:${section.id}:left`,[section.id],cx-section.topHalf,section.yTop,cx-section.bottomHalf,section.yBottom,style);const right=lineFromStyle(`bd:${section.id}:right`,[section.id],cx+section.topHalf,section.yTop,cx+section.bottomHalf,section.yBottom,style);if(left)out.push(left);if(right)out.push(right)}for(let i=0;i<visible.length;i++){const section=visible[i];const own=borderStyle(section);const prev=visible[i-1];const next=visible[i+1];const topStyle=prev?preferredSharedBorder(borderStyle(prev),own):own;const topY=prev?(prev.yBottom+section.yTop)/2:section.yTop;const topHalf=prev?Math.max(prev.bottomHalf,section.topHalf):section.topHalf;const top=lineFromStyle(`bd:${prev?`${prev.id}:`:""}${section.id}:top`,prev?[prev.id,section.id]:[section.id],cx-topHalf,topY,cx+topHalf,topY,topStyle);if(top)out.push(top);if(!next){const bottom=lineFromStyle(`bd:${section.id}:bottom`,[section.id],cx-section.bottomHalf,section.yBottom,cx+section.bottomHalf,section.yBottom,own);if(bottom)out.push(bottom)}}return out}function insideLabelWidth(section,fontSize){const halfTextHeight=fontSize/2;const y1=Math.max(section.yTop,section.midY-halfTextHeight);const y2=Math.min(section.yBottom,section.midY+halfTextHeight);return Math.min(sectionWidthAtY(section,section.midY),sectionWidthAtY(section,y1),sectionWidthAtY(section,y2))}function resolveOutsideLabelCollisions(labels,layout){const outside=labels.filter(label=>label.leader).sort((a,b)=>a.y-b.y);if(outside.length<2)return labels;const rowGap=Math.max(14,...outside.map(label=>label.fontSize+2));const minY=layout.y+rowGap/2;const maxY=layout.y+layout.height-rowGap/2;const placed=outside.map(label=>({key:label.key,y:Math.min(maxY,Math.max(minY,label.y))}));for(let i=1;i<placed.length;i++){placed[i].y=Math.max(placed[i].y,placed[i-1].y+rowGap)}const overflow=placed[placed.length-1].y-maxY;if(overflow>0){for(const p of placed)p.y-=overflow}for(let i=placed.length-2;i>=0;i--){placed[i].y=Math.min(placed[i].y,placed[i+1].y-rowGap)}for(const p of placed){p.y=Math.min(maxY,Math.max(minY,p.y))}const yByKey=new Map(placed.map(p=>[p.key,p.y]));return labels.map(label=>{const y=yByKey.get(label.key);if(y===void 0||!label.leader)return label;return{...label,y,leader:{...label.leader,y2:y}}})}export function prepareFunnelLayout(options){const{layout,style}=options;const{cx}=layout;let sectionCount=0;const sectionVisuals=options.sections.map(s=>{if(s.visible&&s.yBottom-s.yTop>0)sectionCount++;return{key:s.id,id:s.id,name:s.name,value:s.value,percentage:s.percentage,color:s.color,opacity:s.opacity,borderColor:s.borderColor,borderWidth:s.borderWidth,borderDash:s.borderDash,visible:s.visible,path:sectionPath(s,cx),midX:s.midX,midY:s.midY}});const borderVisuals=resolveBorderVisuals(options.sections,cx);const labelVisuals=[];if(style.labelPlacement!=="none"){const pushOutside=(s,text,side,tipX)=>{const right=side==="right";const half=(s.topHalf+s.bottomHalf)/2;const edge=right?cx+half:cx-half;const tip=tipX??(right?layout.x+layout.width+4:layout.x-4);labelVisuals.push({key:`lbl:${s.id}`,x:tip,y:s.midY,text,anchor:right?"start":"end",color:s.labelColor??style.labelColor,fontSize:style.labelFontSize,leader:{x1:edge,y1:s.midY,x2:tip,y2:s.midY}})};for(const s of options.sections){if(!s.visible||s.yBottom-s.yTop<=0)continue;const text=labelText(s,style);if(style.labelPlacement==="inside"){const innerWidth=insideLabelWidth(s,style.labelFontSize)-10;const estTextWidth=estimateTextWidth(text,style.labelFontSize);const fitsInside=s.yBottom-s.yTop>=style.labelFontSize+4&&estTextWidth<=innerWidth;if(fitsInside){labelVisuals.push({key:`lbl:${s.id}`,x:cx,y:s.midY,text,anchor:"middle",color:s.labelColor??style.insideLabelColor,fontSize:style.labelFontSize})}else{const tipX=cx+Math.max(s.topHalf,s.bottomHalf)+8;pushOutside(s,text,"right",tipX)}}else{pushOutside(s,text,style.labelPlacement==="left"?"left":"right")}}}return{layout,sectionVisuals,borderVisuals,labelVisuals:resolveOutsideLabelCollisions(labelVisuals,layout),sectionCount}}export class FunnelChartStandardRenderer{draw(options){const start=typeof performance!=="undefined"?performance.now():0;const layout=prepareFunnelLayout(options);const end=typeof performance!=="undefined"?performance.now():0;return{sections:layout.sectionCount,renderMs:end-start}}}

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

@@ -0,0 +1 @@
+export*from"./sy-funnel-chart.js";export*from"./core/types.js";export{pickFunnelEngine}from"./core/funnel-chart-core.js";export{computeFunnelLayout,widthRatioAt,resolveFunnelSections,sectionPath,sectionAtPoint}from"./core/funnel-geometry.js";export{applyFunnelEasing,createFunnelAnimator}from"./core/funnel-animator.js";export{createFunnelStreamSource}from"./core/funnel-stream-source.js";export{FUNNEL_TOOLTIP_DEFAULTS,funnelTooltipSpecFromLegacy,resolveFunnelTooltipConnectorSpec,resolveFunnelTooltipSpec}from"./core/funnel-tooltip.js";export{FunnelChartStandardRenderer,prepareFunnelLayout}from"./engines/standard/index.js";

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative}.sy-funnel-chart{position:relative;display:block}.sy-funnel-chart__root{display:block;overflow:visible;user-select:none}.sy-funnel-chart__root:focus,.sy-funnel-chart__root:focus-visible{outline:none}.sy-funnel-chart__section{cursor:pointer;transition:fill 160ms ease,fill-opacity 120ms ease,filter 120ms ease}.sy-funnel-chart__section:hover{filter:brightness(1.06)}.sy-funnel-chart__section[data-focused=true]{filter:brightness(1.08)}.sy-funnel-chart__section--active{filter:brightness(1.08)}.sy-funnel-chart__border{transition:opacity 120ms ease}.sy-funnel-chart__leader,.sy-funnel-chart__label{pointer-events:none}.sy-funnel-chart__label{font-weight:500;font-variant-numeric:tabular-nums}.sy-funnel-chart__title{fill:var(--sy-axis-color, #1f2937);font-weight:600}.sy-funnel-chart__subtitle{fill:var(--sy-axis-color, #4b5563)}.sy-funnel-chart__tooltip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 10px));pointer-events:auto;user-select:text;background:var(--sy-surface, #ffffff);border:1px solid var(--sy-color-border, rgba(0, 0, 0, 0.12));border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.35;color:var(--sy-axis-color, #1f2937);box-shadow:0 4px 14px rgba(15,23,42,.16);white-space:nowrap}.sy-funnel-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}.sy-funnel-chart__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sy-funnel-chart__legend{font-size:12px;color:var(--sy-axis-color, #1f2937);line-height:1.2;overflow:visible}.sy-funnel-chart__legend-item{box-sizing:border-box;cursor:pointer;user-select:none}.sy-funnel-chart__legend-item:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:2px}.sy-funnel-chart__legend-item--disabled{opacity:.4;text-decoration:line-through}.sy-funnel-chart__legend-swatch{flex:0 0 auto;display:inline-block;width:10px;height:10px;border-radius:2px}.sy-funnel-chart__legend-label{display:block}@media(prefers-reduced-motion:reduce){.sy-funnel-chart__section{transition:none}}

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

@@ -0,0 +1 @@
+import{safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computeFunnelLayout,resolveFunnelSections,sectionAtPoint}from"./core/funnel-geometry.js";import{normalizeFunnelData,resolveFunnelSectionMeta}from"./core/types.js";import{pickFunnelEngine}from"./core/funnel-chart-core.js";import{createFunnelAnimator}from"./core/funnel-animator.js";import{createFunnelStreamSource}from"./core/funnel-stream-source.js";import{ChartStreamingGate,chartStreamingInput,standardOnlyEngineStatus}from"../pie-chart/license/chart-streaming-gate.js";import{funnelTooltipSpecFromLegacy,resolveFunnelTooltipSpec}from"./core/funnel-tooltip.js";import{prepareFunnelLayout}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 TITLE_LINE_HEIGHT=22;const SUBTITLE_LINE_HEIGHT=16;const TITLE_CONTENT_GAP=8;function funnelTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function funnelTooltipCssValue(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 SyFunnelChart{host;data=[];width=420;height=360;brandLogo;brandPosition="bottom-right";reversed=false;neckWidth=.3;neckHeight=.25;gap=2;color="#2563eb";colors;labelPlacement="inside";labelColor="#374151";insideLabelColor="#ffffff";labelFontSize=12;showValue=true;showPercent=false;valueFormat;leaderColor="#cbd5e1";chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;inactiveOtherSections=false;inactiveSectionOpacity=.3;activeSectionIndex;legend=false;legendPosition="bottom";legendItems;animated=false;animationDuration=700;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;sectionClick;sectionHover;pointContextMenu;tooltipShown;tooltipHide;tooltipAction;legendItemClick;sectionToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;funnelTooltip=null;funnelTooltips=[];srAnnouncement="";animationTick=0;focusedSectionId=null;hoverSectionId=null;animator=createFunnelAnimator();animationFrameHandle=null;stopAnimationLoopImpl;morphPrev=new Map;morphActive=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;suppressNextDataAnimation=false;lastRenderResult={sections:0,renderMs:0};pendingRenderedEmit=false;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.measureFunnelTooltipBox()}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.stopAnimationLoop();this.animationTick++}}handleVisualPropsChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async addSection(section,opts){const next=normalizeFunnelData(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,typeof section==="number"?{value:section}:section);this.data=next;return at}async removeSection(idOrIndex){const next=normalizeFunnelData(this.data).slice();const idx=this.resolveSectionIndex(idOrIndex,next);if(idx<0)return false;next.splice(idx,1);this.data=next;return true}async updateSection(idOrIndex,patch){const next=normalizeFunnelData(this.data).slice();const idx=this.resolveSectionIndex(idOrIndex,next);if(idx<0)return false;next[idx]={...next[idx],...patch};this.data=next;return true}async appendPoint(section){const spec=typeof section==="number"?{value:section}:section;await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(spec);return}this.data=[...normalizeFunnelData(this.data),spec]})}async appendBatch(sections){if(!Array.isArray(sections)||sections.length===0)return;const specs=sections.map(s=>typeof s==="number"?{value:s}:s);await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(specs);return}this.data=[...normalizeFunnelData(this.data),...specs];this.appended.emit({count:specs.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(sections){const specs=(Array.isArray(sections)?sections:[]).map(s=>typeof s==="number"?{value:s}:s);await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(specs);return}this.data=specs})}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.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 sections=this.resolveSectionsForDraw(layout,1);const hit=sectionAtPoint(cssX,cssY,sections,layout.cx);return hit?this.buildPointerDetail(hit):null}async showTooltipAt(idOrIndex){const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,1);const section=this.findSection(idOrIndex,sections);if(!section)return null;const spec=this.effectiveTooltipSpec();if(!spec.show)return null;const detail=this.buildPointerDetail(section);this.showTooltipForSection(section,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})`)}profile(){return{reversed:this.reversed,neckWidthRatio:this.neckWidth,neckHeightRatio:this.neckHeight}}resolveSectionIndex(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}findSection(idOrIndex,sections){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex))return sections.find(s=>s.index===Math.floor(idOrIndex));return sections.find(s=>s.id===idOrIndex||s.name===idOrIndex)}effectiveActiveSectionId(sections){if(typeof this.activeSectionIndex==="number"&&Number.isFinite(this.activeSectionIndex)&&this.activeSectionIndex>=0){const idx=Math.trunc(this.activeSectionIndex);const section=sections.find(s=>s.index===idx);return section&&section.visible?section.id:null}return this.focusedSectionId??this.hoverSectionId}sectionClassName(sectionId,activeSectionId){const classes=["sy-funnel-chart__section"];if(activeSectionId!==null){if(activeSectionId===sectionId)classes.push("sy-funnel-chart__section--active");else if(this.inactiveOtherSections)classes.push("sy-funnel-chart__section--inactive")}return classes.join(" ")}sectionOpacity(sectionId,baseOpacity,activeSectionId){const opacity=Math.max(0,Math.min(1,baseOpacity));if(!this.inactiveOtherSections||activeSectionId===null||sectionId===activeSectionId)return opacity;const dim=Math.max(0,Math.min(1,this.inactiveSectionOpacity));return Math.min(opacity,dim)}borderOpacity(sectionIds,activeSectionId){if(!this.inactiveOtherSections||activeSectionId===null)return 1;if(sectionIds.includes(activeSectionId))return 1;return Math.max(0,Math.min(1,this.inactiveSectionOpacity))}numberFormatter(spec){if(spec){try{return format(spec)}catch{}}return v=>Number.isInteger(v)?String(v):String(Math.round(v*100)/100)}layoutForDraw(){const legend=this.legend?this.buildLegendLayout():null;let plot=this.plotRectFromLegend(legend);if(legend&&(this.legendPosition==="top"||this.legendPosition==="bottom")){const gap=14;plot={...plot,y:plot.y+(this.legendPosition==="top"?gap:0),height:Math.max(1,plot.height-gap)}}const outsideLabels=this.labelPlacement==="right"||this.labelPlacement==="left";const labelGutter=outsideLabels?this.estimatedOutsideLabelGutter(plot.width):0;const gutter=outsideLabels?Math.min(labelGutter,Math.max(0,plot.width*.6)):0;return computeFunnelLayout({plot,outerPadding:8,labelGutter:gutter,labelGutterSide:this.labelPlacement==="right"?"right":"left"})}resolveSectionsForDraw(layout,revealScale){const palette=this.palette();const specs=normalizeFunnelData(this.data);const now=this.now();const morphT=this.morphActive?this.animator.progressAt(MORPH_KEY,now)??1:1;const targetMetas=specs.map((spec,i)=>{const r=resolveFunnelSectionMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{index:i,...r}});let metas=targetMetas;if(this.morphActive&&this.morphPrev.size>0){const targetIds=new Set(targetMetas.map(m=>m.id));const exiting=[...this.morphPrev.keys()].filter(id=>!targetIds.has(id)).map((id,k)=>({index:-1-k,id,name:id,value:0,color:this.color,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true}));metas=[...exiting,...targetMetas].map(m=>{const from=this.morphPrev.get(m.id);const fromV=typeof from==="number"?from:0;const toV=targetIds.has(m.id)?m.value:0;return{...m,value:fromV+(toV-fromV)*morphT}})}const revealScales=revealScale<1?this.sectionRevealScales(metas,revealScale):void 0;return resolveFunnelSections({metas:metas.map(m=>({...m,visible:m.visible&&!this.legendDisabled.has(m.id)})),layout,profile:this.profile(),gap:this.gap,heightScale:revealScales?id=>revealScales.get(id)??0:void 0,heightScaleMode:revealScales?"bottom-up":"collapse",minSectionHeight:this.labelPlacement==="inside"?Math.max(20,this.labelFontSize+10):0})}estimatedOutsideLabelGutter(plotWidth){const specs=normalizeFunnelData(this.data).filter(s=>s.visible!==false);const total=specs.reduce((sum,s)=>sum+Math.max(0,Number.isFinite(s.value)?s.value:0),0);const formatValue=this.numberFormatter(this.valueFormat);const maxTextWidth=specs.reduce((max,section,index)=>{const parts=[section.name||String(index)];if(this.showValue)parts.push(formatValue(Number.isFinite(section.value)?section.value:0));if(this.showPercent){const value=Math.max(0,Number.isFinite(section.value)?section.value:0);parts.push(`${(total>0?value/total*100:0).toFixed(1)}%`)}const text=parts.join(" · ");const width=Array.from(text).reduce((sum,char)=>{const code=char.codePointAt(0)??0;return sum+this.labelFontSize*(code>127?.9:.52)},0);return Math.max(max,width)},0);const minimum=Math.max(168,this.labelFontSize*16);return Math.min(Math.max(minimum,maxTextWidth+18),Math.max(0,plotWidth*.6))}sectionRevealScales(metas,revealScale){const visible=metas.filter(m=>m.visible&&m.value>0);const count=visible.length;const out=new Map;if(count<=0)return out;const progress=Math.max(0,Math.min(1,revealScale))*count;visible.forEach((m,topIndex)=>{const bottomUpRank=count-1-topIndex;out.set(m.id,Math.max(0,Math.min(1,progress-bottomUpRank)))});return out}startReveal(){this.morphActive=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()}displayedValuesFor(data){const palette=this.palette();const targets=normalizeFunnelData(data).map((spec,i)=>{const r=resolveFunnelSectionMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{id:r.id,value:r.visible&&!this.legendDisabled.has(r.id)?r.value:0}});const out=new Map;const inFlight=this.morphActive&&this.animator.has(MORPH_KEY);if(!inFlight){for(const t of targets)out.set(t.id,t.value);return out}const morphT=this.animator.progressAt(MORPH_KEY,this.now())??1;const targetVal=new Map(targets.map(t=>[t.id,t.value]));const ids=new Set([...this.morphPrev.keys(),...targetVal.keys()]);for(const id of ids){const fromV=this.morphPrev.get(id)??0;const toV=targetVal.get(id)??0;out.set(id,fromV+(toV-fromV)*morphT)}return out}startMorph(prevData,opts={}){this.morphPrev=this.displayedValuesFor(prevData);const streaming=opts.streaming===true;const duration=this.morphDuration(streaming);const easing=streaming?"linear":this.animationEasing;this.animator.cancel(REVEAL_KEY);if(duration<=0){this.morphActive=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.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;this.internalStreamSource=createFunnelStreamSource({capacity,initial:normalizeFunnelData(this.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)return;this.boundStreamSource=source;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;const snapshot=this.boundStreamSource.snapshot();if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});else if(event.type==="shift")this.windowSlid.emit({dropped:event.count});if(this.dataMatchesSnapshot(snapshot))return;const prev=this.data;this.suppressNextDataAnimation=true;this.data=snapshot;this.noteStreamData();if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph(prev,{streaming:true});else this.animationTick++}dataMatchesSnapshot(snapshot){const current=normalizeFunnelData(this.data);if(current.length!==snapshot.length)return false;return current.every((section,index)=>this.sectionsEqual(section,snapshot[index]))}sectionsEqual(a,b){if(!b)return false;if(a.value!==b.value)return false;if(a.id!==b.id)return false;if(a.name!==b.name)return false;if(a.color!==b.color)return false;if(a.opacity!==b.opacity)return false;if(a.borderColor!==b.borderColor)return false;if(a.borderWidth!==b.borderWidth)return false;if(a.labelColor!==b.labelColor)return false;if(a.visible!==b.visible)return false;const aDash=a.borderDash??[];const bDash=b.borderDash??[];if(aDash.length!==bDash.length)return false;return aDash.every((value,index)=>value===bDash[index])}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const palette=this.palette();return normalizeFunnelData(this.data).map((spec,i)=>{const r=resolveFunnelSectionMeta(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}})}legendShouldAvoidLabelOverlap(labels){if(this.legendPosition!=="left"&&this.legendPosition!=="right")return false;const sideAnchor=this.legendPosition==="right"?"start":"end";return labels.some(label=>label.leader!==void 0&&label.anchor===sideAnchor)}buildLegendLayout(options={}){const items=this.buildLegendItems();if(!items.length)return null;const top=this.titleGutter();const sideLegend=this.legendPosition==="left"||this.legendPosition==="right";const avoidLabelOverlap=options.avoidLabelOverlap===true;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:sideLegend&&avoidLabelOverlap?"start":"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,sectionId,label)=>{const disabled=!this.legendDisabled.has(sectionId);const next=new Set(this.legendDisabled);if(disabled)next.add(sectionId);else next.delete(sectionId);this.legendDisabled=next;this.legendItemClick.emit({index,sectionId,label,disabled});this.sectionToggled.emit({index,sectionId,disabled})};onLegendKeyDown=(ev,index,sectionId,label)=>{if(ev.key!=="Enter"&&ev.key!==" ")return;ev.preventDefault();this.onLegendItemClick(index,sectionId,label)};buildPointerDetail(section){return{index:section.index,id:section.id,name:section.name,value:section.value,percentage:section.percentage,cssX:section.midX,cssY:section.midY}}sectionAriaLabel(section){const pct=Math.round(section.percentage*1e3)/10;return`${section.name}: ${section.value} (${pct}%)`}navigableSections(){const layout=this.layoutForDraw();return this.resolveSectionsForDraw(layout,this.currentRevealScale()).filter(s=>s.visible&&s.yBottom-s.yTop>0)}announceFocusedSection(section){this.focusedSectionId=section.id;this.srAnnouncement=this.sectionAriaLabel(section);if(this.enableMouseTracking)this.sectionHover.emit(this.buildPointerDetail(section))}moveSectionFocus(delta){const sections=this.navigableSections();if(sections.length===0)return;let idx=sections.findIndex(s=>s.id===this.focusedSectionId);if(idx<0)idx=delta>0?-1:0;idx=(idx+delta+sections.length)%sections.length;this.announceFocusedSection(sections[idx])}pointerFocusing=false;onChartPointerDown=()=>{this.pointerFocusing=true;setTimeout(()=>{this.pointerFocusing=false},0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(this.focusedSectionId!==null)return;const first=this.navigableSections()[0];if(first)this.announceFocusedSection(first)};onChartBlur=()=>{this.focusedSectionId=null};onChartKeyDown=ev=>{switch(ev.key){case"ArrowRight":case"ArrowDown":ev.preventDefault();this.moveSectionFocus(1);break;case"ArrowLeft":case"ArrowUp":ev.preventDefault();this.moveSectionFocus(-1);break;case"Home":{ev.preventDefault();const first=this.navigableSections()[0];if(first)this.announceFocusedSection(first);break}case"End":{ev.preventDefault();const sections=this.navigableSections();const last=sections[sections.length-1];if(last)this.announceFocusedSection(last);break}case"Enter":case" ":{if(this.focusedSectionId===null)return;ev.preventDefault();const section=this.navigableSections().find(s=>s.id===this.focusedSectionId);if(section)this.sectionClick.emit(this.buildPointerDetail(section));break}case"Escape":this.focusedSectionId=null;this.clearHover();break;default:break}};tooltipHtml(detail){const fmt=this.numberFormatter(this.valueFormat);return`<strong>${escapeHtml(detail.name)}</strong><br/>${fmt(detail.value)} (${(detail.percentage*100).toFixed(1)}%)`}plainTooltipText(detail){return`${detail.name} · ${detail.value} (${(detail.percentage*100).toFixed(1)}%)`}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveFunnelTooltipSpec(this.tooltip);return funnelTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}hasVisibleTooltips(){return this.funnelTooltip!==null||this.funnelTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.funnelTooltip=null;this.funnelTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForSection(_section,detail,spec,allowMultiple){const context={...detail};const side=spec.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 locked=this.lockedTooltipPositionForDetail(detail,spec);const renderedSide=locked?.side??side;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,locked.box,spec.offset):{cssX:detail.cssX,cssY:detail.cssY};const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:detail.cssX,pointCssY:detail.cssY,box:locked?.box,side:renderedSide,text,html,className:spec.className,style:this.tooltipStyleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&spec.openMode==="multiple"){this.funnelTooltip=rendered;this.funnelTooltips=[...this.funnelTooltips,rendered]}else{this.funnelTooltips=[];this.funnelTooltip=rendered}const eventDetail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html,context};this.tooltipShown.emit(eventDetail);return eventDetail}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}positionedFunnelTooltip(tooltip=this.funnelTooltip){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(index){return String(index)}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKey(tooltip.context.index),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForDetail(detail,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKey(detail.index));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.positionedFunnelTooltip();if(!tooltip?.box||tooltip.context.index!==detail.index)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.positionedFunnelTooltip(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.funnelTooltip?.id===next.id)this.funnelTooltip=next;if(this.funnelTooltips.some(entry=>entry.id===next.id)){this.funnelTooltips=this.funnelTooltips.map(entry=>entry.id===next.id?next:entry)}this.rememberDraggableTooltipPosition(next)}measureFunnelTooltipBox(){if(this.funnelTooltips.length>0)return;const tooltip=this.funnelTooltip;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.funnelTooltip=next}localPoint(ev){const rect=this.host.getBoundingClientRect();return{x:ev.clientX-rect.left,y:ev.clientY-rect.top}}onChartMove=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit){this.clearHover();return}this.hoverSectionId=hit.id;const detail=this.buildPointerDetail(hit);this.sectionHover.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForSection(hit,detail,spec,false)}};onChartLeave=()=>{this.clearHover()};onChartClick=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit){this.hoverSectionId=null;if(this.hasVisibleTooltips())this.clearTooltips();return}this.hoverSectionId=hit.id;const detail=this.buildPointerDetail(hit);this.sectionClick.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForSection(hit,detail,spec,true)}};onPointContextMenu=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit)return;ev.preventDefault();ev.stopPropagation();this.pointContextMenu.emit(buildChartPointContextMenuDetail(ev,this.host,this.reversed?"pyramid":"funnel",this.buildPointerDetail(hit),{index:0,id:this.reversed?"pyramid":"funnel",name:this.chartTitle??(this.reversed?"Pyramid":"Funnel")}))};clearHover(){const hadHover=this.hoverSectionId!==null;this.hoverSectionId=null;this.sectionHover.emit(null);if(this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec()))this.clearTooltips();if(hadHover)this.animationTick++}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.funnelTooltips.find(entry=>entry.id===tooltipId)??this.funnelTooltip;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.funnelTooltip?.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.funnelTooltip,element);const lock=next.positionLock??{x:next.cssX,y:next.cssY};this.funnelTooltip=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.funnelTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.funnelTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.funnelTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.funnelTooltip)this.rememberDraggableTooltipPosition(this.funnelTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};accessibleSummary(sections){const visible=sections.filter(s=>s.visible);const title=this.chartTitle?`${this.chartTitle}. `:"";const kind=this.reversed?"Pyramid":"Funnel";const names=visible.map(s=>s.name).join(", ");return`${title}${kind} chart, ${visible.length} sections (${names}).`}render(){const renderStart=this.now();const decision=pickFunnelEngine({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 sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const fmt=this.numberFormatter(this.valueFormat);const style={labelPlacement:this.labelPlacement,labelColor:this.labelColor,insideLabelColor:this.insideLabelColor,labelFontSize:this.labelFontSize,showValue:this.showValue,showPercent:this.showPercent,leaderColor:this.leaderColor,formatValue:fmt};const visual=prepareFunnelLayout({layout,sections,style});const activeSectionId=this.effectiveActiveSectionId(sections);this.lastRenderResult={sections:visual.sectionCount,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;const legendLayout=this.legend?this.buildLegendLayout({avoidLabelOverlap:this.legendShouldAvoidLabelOverlap(visual.labelVisuals)}):null;return h(Host,{key:"9973c3565957fbda08ad51752520ec15d10a4753","data-sy-brand-host":"chart"},h("div",{key:"98d2658d28adf805af949ff1edbb2a2ebc8797e0",class:"sy-funnel-chart",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"},onMouseLeave:()=>this.onChartLeave()},h("svg",{key:"3ce44645508e791923972ed2d4cad6c07a37ce7e",class:"sy-funnel-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:"application","aria-roledescription":this.reversed?"Pyramid chart":"Funnel chart","aria-label":this.accessibleSummary(sections),tabindex:0,onKeyDown:e=>this.onChartKeyDown(e),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onMouseMove:e=>this.onChartMove(e),onContextMenu:e=>this.onPointContextMenu(e),onClick:e=>this.onChartClick(e)},this.chartTitle?h("text",{class:"sy-funnel-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-funnel-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:"a938ff922eae8ba66918482e99110ddd6d927951",class:"sy-funnel-chart__sections"},visual.sectionVisuals.map(s=>s.visible&&s.path?h("path",{key:s.key,class:this.sectionClassName(s.id,activeSectionId),d:s.path,fill:s.color,"fill-opacity":this.sectionOpacity(s.id,s.opacity,activeSectionId),stroke:"none","data-section-id":s.id,"data-focused":this.focusedSectionId===s.id?"true":null,role:"img","aria-label":`${s.name}: ${s.value} (${Math.round(s.percentage*1e3)/10}%)`}):null)),h("g",{key:"62ed6a3a23d7f047e69d89018e6dc1f47f232c65",class:"sy-funnel-chart__borders"},visual.borderVisuals.map(b=>h("line",{key:b.key,class:"sy-funnel-chart__border",x1:b.x1,y1:b.y1,x2:b.x2,y2:b.y2,stroke:b.color,"stroke-width":b.width,"stroke-opacity":this.borderOpacity(b.sectionIds,activeSectionId),"stroke-dasharray":b.dash?.join(" "),"stroke-linecap":"butt","pointer-events":"none"}))),h("g",{key:"8d140656cd108605d8ed08ef4ff82ee9e56ae653",class:"sy-funnel-chart__labels"},visual.labelVisuals.map(l=>[l.leader?h("line",{key:`${l.key}-ld`,class:"sy-funnel-chart__leader",x1:l.leader.x1,y1:l.leader.y1,x2:l.leader.x2,y2:l.leader.y2,stroke:this.leaderColor,"stroke-width":1}):null,h("text",{key:l.key,class:"sy-funnel-chart__label",x:l.x,y:l.y,"text-anchor":l.anchor,"dominant-baseline":"middle",style:{fontSize:`${l.fontSize}px`,fill:l.color}},l.text)])),h("text",{key:"30d9de6b9a1813af5a6cd69e6796d3e1f5fd8668",class:"sy-funnel-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement)),this.fallbackReason&&h("span",{key:"e020b270e48b030850d3ca640a22fde8536fb9e5",class:"sy-funnel-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),legendLayout?.legendRect?h("div",{class:"sy-funnel-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;const swatch=rect?.swatchRect;const label=rect?.labelRect;return h("span",{class:{"sy-funnel-chart__legend-item":true,"sy-funnel-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:"block",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-funnel-chart__legend-swatch",style:{position:"absolute",left:`${swatch.x-rect.x}px`,top:`${swatch.y-rect.y}px`,background:item.swatchColor}}),h("span",{class:"sy-funnel-chart__legend-label",style:{position:"absolute",left:`${label.x-rect.x}px`,top:`${label.y-rect.y}px`}},item.label))})):null,this.renderFunnelTooltipConnector(),this.renderFunnelTooltip()),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(legendLayout)}))}renderFunnelTooltip(){const multiple=this.funnelTooltips.length>0;const tooltips=multiple?this.funnelTooltips:[this.positionedFunnelTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderFunnelTooltipItem(tooltip,!multiple))}renderFunnelTooltipItem(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]=funnelTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:funnelTooltipClassName("sy-funnel-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:funnelTooltipClassName("sy-funnel-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)}renderFunnelTooltipConnector(){const tooltips=this.funnelTooltips.length>0?this.funnelTooltips:[this.positionedFunnelTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-funnel-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:"funnel"})}static get is(){return"sy-funnel-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-funnel-chart.scss"]}}static get styleUrls(){return{"$":["sy-funnel-chart.css"]}}static get properties(){return{"data":{"type":"unknown","mutable":true,"complexType":{"original":"FunnelChartData","resolved":"readonly FunnelSectionSpec[] | readonly number[]","references":{"FunnelChartData":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartData","referenceLocation":"FunnelChartData"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"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":"420"},"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'"},"reversed":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"reversed","defaultValue":"false"},"neckWidth":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"neck-width","defaultValue":"0.3"},"neckHeight":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"neck-height","defaultValue":"0.25"},"gap":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"gap","defaultValue":"2"},"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},"labelPlacement":{"type":"string","mutable":false,"complexType":{"original":"FunnelLabelPlacement","resolved":'"inside" | "left" | "none" | "right"',"references":{"FunnelLabelPlacement":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelLabelPlacement","referenceLocation":"FunnelLabelPlacement"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"label-placement","defaultValue":"'inside'"},"labelColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"label-color","defaultValue":"'#374151'"},"insideLabelColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"inside-label-color","defaultValue":"'#ffffff'"},"labelFontSize":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"label-font-size","defaultValue":"12"},"showValue":{"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-value","defaultValue":"true"},"showPercent":{"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-percent","defaultValue":"false"},"valueFormat":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"value-format"},"leaderColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"leader-color","defaultValue":"'#cbd5e1'"},"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: FunnelChartPointerEventDetail) => string","resolved":"(detail: FunnelChartPointerEventDetail) => string","references":{"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"tooltip":{"type":"any","mutable":false,"complexType":{"original":"FunnelChartTooltipInput","resolved":'"auto" | "off" | Omit<Partial<FunnelChartTooltipSpec>, "connector"> & { connector?: FunnelChartTooltipConnectorInput; } | boolean',"references":{"FunnelChartTooltipInput":{"location":"import","path":"./core/funnel-tooltip","id":"src/components/chart/funnel-chart/core/funnel-tooltip.ts::FunnelChartTooltipInput","referenceLocation":"FunnelChartTooltipInput"}}},"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"},"inactiveOtherSections":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"inactive-other-sections","defaultValue":"false"},"inactiveSectionOpacity":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"inactive-section-opacity","defaultValue":"0.3"},"activeSectionIndex":{"type":"number","mutable":true,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"active-section-index"},"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":"FunnelChartLegendPosition","resolved":'"bottom" | "left" | "right" | "top"',"references":{"FunnelChartLegendPosition":{"location":"local","path":"src/components/chart/funnel-chart/sy-funnel-chart.tsx","id":"src/components/chart/funnel-chart/sy-funnel-chart.tsx::FunnelChartLegendPosition"}}},"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},"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":"700"},"animationEasing":{"type":"string","mutable":true,"complexType":{"original":"FunnelChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"FunnelChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartEasing","referenceLocation":"FunnelChartEasing"}}},"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":"FunnelChartAnimationType","resolved":'"initial" | "update"',"references":{"FunnelChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartAnimationType","referenceLocation":"FunnelChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"FunnelChartStreamSource","resolved":"FunnelChartStreamSource","references":{"FunnelChartStreamSource":{"location":"import","path":"./core/funnel-stream-source","id":"src/components/chart/funnel-chart/core/funnel-stream-source.ts::FunnelChartStreamSource","referenceLocation":"FunnelChartStreamSource"}}},"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":"FunnelChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"FunnelChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartEngineMode","referenceLocation":"FunnelChartEngineMode"}}},"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":"FunnelChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"FunnelChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartUnavailableBehaviour","referenceLocation":"FunnelChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"fallbackReason":{},"legendDisabled":{},"funnelTooltip":{},"funnelTooltips":{},"srAnnouncement":{},"animationTick":{},"focusedSectionId":{},"hoverSectionId":{}}}static get events(){return[{"method":"rendered","name":"rendered","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"FunnelChartRenderResult & { tier: FunnelChartEngineTier }","resolved":'FunnelChartRenderResult & { tier: "standard"; }',"references":{"FunnelChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartRenderResult","referenceLocation":"FunnelChartRenderResult"},"FunnelChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartEngineTier","referenceLocation":"FunnelChartEngineTier"}}}},{"method":"sectionClick","name":"sectionClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"FunnelChartPointerEventDetail","resolved":"FunnelChartPointerEventDetail","references":{"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}}}},{"method":"sectionHover","name":"sectionHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"FunnelChartPointerEventDetail | null","resolved":"FunnelChartPointerEventDetail","references":{"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}}}},{"method":"pointContextMenu","name":"pointContextMenu","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ChartPointContextMenuEventDetail<FunnelChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<FunnelChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}}}},{"method":"tooltipShown","name":"tooltipShow","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"FunnelChartTooltipShowEventDetail","resolved":"FunnelChartTooltipShowEventDetail","references":{"FunnelChartTooltipShowEventDetail":{"location":"import","path":"./core/funnel-tooltip","id":"src/components/chart/funnel-chart/core/funnel-tooltip.ts::FunnelChartTooltipShowEventDetail","referenceLocation":"FunnelChartTooltipShowEventDetail"}}}},{"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":"FunnelChartTooltipActionEventDetail","resolved":"FunnelChartTooltipActionEventDetail","references":{"FunnelChartTooltipActionEventDetail":{"location":"import","path":"./core/funnel-tooltip","id":"src/components/chart/funnel-chart/core/funnel-tooltip.ts::FunnelChartTooltipActionEventDetail","referenceLocation":"FunnelChartTooltipActionEventDetail"}}}},{"method":"legendItemClick","name":"legendItemClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ index: number; sectionId: string; label: string; disabled: boolean }","resolved":"{ index: number; sectionId: string; label: string; disabled: boolean; }","references":{}}},{"method":"sectionToggled","name":"sectionToggled","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ index: number; sectionId: string; disabled: boolean }","resolved":"{ index: number; sectionId: 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":{}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<FunnelChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartRenderResult","referenceLocation":"FunnelChartRenderResult"}},"return":"Promise<FunnelChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<FunnelChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartEngineTier","referenceLocation":"FunnelChartEngineTier"}},"return":'Promise<"standard">'},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(data: FunnelChartData) => Promise<void>","parameters":[{"name":"data","type":"readonly number[] | readonly FunnelSectionSpec[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartData":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartData","referenceLocation":"FunnelChartData"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"addSection":{"complexType":{"signature":"(section: FunnelSectionSpec | number, opts?: { insertAt?: number; }) => Promise<number>","parameters":[{"name":"section","type":"number | FunnelSectionSpec","docs":{text:"",tags:[]}},{"name":"opts","type":"{ insertAt?: number; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelSectionSpec":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelSectionSpec","referenceLocation":"FunnelSectionSpec"}},"return":"Promise<number>"},"docs":{text:"",tags:[]}},"removeSection":{"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:[]}},"updateSection":{"complexType":{"signature":"(idOrIndex: string | number, patch: Partial<FunnelSectionSpec>) => Promise<boolean>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}},{"name":"patch","type":"{ readonly value?: number; readonly id?: string | number; readonly name?: string; readonly color?: string; readonly opacity?: number; readonly borderColor?: string; readonly borderWidth?: number; readonly borderDash?: readonly number[]; readonly labelColor?: string; readonly visible?: boolean; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"Partial":{"location":"global","id":"global::Partial"},"FunnelSectionSpec":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelSectionSpec","referenceLocation":"FunnelSectionSpec"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(section: FunnelSectionSpec | number) => Promise<void>","parameters":[{"name":"section","type":"number | FunnelSectionSpec","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelSectionSpec":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelSectionSpec","referenceLocation":"FunnelSectionSpec"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(sections: ReadonlyArray<FunnelSectionSpec | number>) => Promise<void>","parameters":[{"name":"sections","type":"readonly (number | FunnelSectionSpec)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"FunnelSectionSpec":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelSectionSpec","referenceLocation":"FunnelSectionSpec"}},"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":"(sections: ReadonlyArray<FunnelSectionSpec | number>) => Promise<void>","parameters":[{"name":"sections","type":"readonly (number | FunnelSectionSpec)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"FunnelSectionSpec":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelSectionSpec","referenceLocation":"FunnelSectionSpec"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<FunnelChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartStreamSource":{"location":"import","path":"./core/funnel-stream-source","id":"src/components/chart/funnel-chart/core/funnel-stream-source.ts::FunnelChartStreamSource","referenceLocation":"FunnelChartStreamSource"}},"return":"Promise<FunnelChartStreamSource>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: FunnelChartEasing; enabled?: boolean; type?: FunnelChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: FunnelChartEasing; enabled?: boolean; type?: FunnelChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartEasing","referenceLocation":"FunnelChartEasing"},"FunnelChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartAnimationType","referenceLocation":"FunnelChartAnimationType"}},"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<FunnelChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}},"return":"Promise<FunnelChartPointerEventDetail>"},"docs":{text:"",tags:[]}},"showTooltipAt":{"complexType":{"signature":"(idOrIndex: string | number) => Promise<FunnelChartPointerEventDetail | null>","parameters":[{"name":"idOrIndex","type":"string | number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"FunnelChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/funnel-chart/core/types.ts::FunnelChartPointerEventDetail","referenceLocation":"FunnelChartPointerEventDetail"}},"return":"Promise<FunnelChartPointerEventDetail>"},"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":"reversed","methodName":"handleVisualPropsChange"},{"propName":"neckWidth","methodName":"handleVisualPropsChange"},{"propName":"neckHeight","methodName":"handleVisualPropsChange"},{"propName":"gap","methodName":"handleVisualPropsChange"},{"propName":"color","methodName":"handleVisualPropsChange"},{"propName":"colors","methodName":"handleVisualPropsChange"},{"propName":"labelPlacement","methodName":"handleVisualPropsChange"},{"propName":"labelColor","methodName":"handleVisualPropsChange"},{"propName":"insideLabelColor","methodName":"handleVisualPropsChange"},{"propName":"labelFontSize","methodName":"handleVisualPropsChange"},{"propName":"showValue","methodName":"handleVisualPropsChange"},{"propName":"showPercent","methodName":"handleVisualPropsChange"},{"propName":"valueFormat","methodName":"handleVisualPropsChange"},{"propName":"leaderColor","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":"activeSectionIndex","methodName":"handleVisualPropsChange"},{"propName":"inactiveOtherSections","methodName":"handleVisualPropsChange"},{"propName":"inactiveSectionOpacity","methodName":"handleVisualPropsChange"}]}}function escapeHtml(value){return String(value).replace(/[&<>"']/g,c=>c==="&"?"&amp;":c==="<"?"&lt;":c===">"?"&gt;":c==='"'?"&quot;":"&#39;")}

package/dist/collection/components/chart/gauge-chart/core/gauge-animator.js

@@ -0,0 +1 @@
+export const ANALOG_DAMPING_DEFAULT=5;export const ANALOG_FREQUENCY_DEFAULT=18;export const ANALOG_DISTANCE_CALM_DAMPING=16;export function analogDampingForDistance(baseDamping=ANALOG_DAMPING_DEFAULT,normalizedDistance=1,calmDamping=ANALOG_DISTANCE_CALM_DAMPING){const base=Number.isFinite(baseDamping)&&baseDamping>0?baseDamping:ANALOG_DAMPING_DEFAULT;const calm=Number.isFinite(calmDamping)&&calmDamping>0?Math.max(base,calmDamping):Math.max(base,ANALOG_DISTANCE_CALM_DAMPING);const distance=clamp01(normalizedDistance);const distanceWeight=Math.pow(distance,.75);return base+(calm-base)*(1-distanceWeight)}export function analogSettle(t,damping=ANALOG_DAMPING_DEFAULT,frequency=ANALOG_FREQUENCY_DEFAULT){if(t<=0)return 0;if(t>=1)return 1;const a=Number.isFinite(damping)&&damping>0?damping:ANALOG_DAMPING_DEFAULT;const b=Number.isFinite(frequency)&&frequency>0?frequency:ANALOG_FREQUENCY_DEFAULT;return 1-Math.exp(-a*t)*Math.cos(b*t)}export function applyGaugeEasing(t,easing,damping,frequency){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;case"analog":return analogSettle(x,damping,frequency);default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createGaugeAnimator(){const entries=new Map;const settled=new Map;function elapsed(entry,now){if(entry.startedAt<0)return entry.pausedElapsed;if(entry.paused)return entry.pausedElapsed;return Math.max(0,now-entry.startedAt+entry.pausedElapsed)}function rawProgress(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}function easedValue(entry,now){const eased=applyGaugeEasing(rawProgress(entry,now),entry.easing,entry.analogDamping,entry.analogFrequency);return entry.from+(entry.to-entry.from)*eased}return{start(key,e){entries.set(key,{from:e.from,to:e.to,startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,e.duration),easing:e.easing,analogDamping:e.analogDamping??ANALOG_DAMPING_DEFAULT,analogFrequency:e.analogFrequency??ANALOG_FREQUENCY_DEFAULT})},retarget(key,to,now,opts){const existing=entries.get(key);const from=existing?easedValue(existing,now):settled.has(key)?settled.get(key):to;entries.set(key,{from,to,startedAt:now,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing,analogDamping:opts.analogDamping??ANALOG_DAMPING_DEFAULT,analogFrequency:opts.analogFrequency??ANALOG_FREQUENCY_DEFAULT})},valueAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;return easedValue(entry,now)},valueAtWithEasing(key,now,easing){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const eased=applyGaugeEasing(rawProgress(entry,now),easing,entry.analogDamping,entry.analogFrequency);return entry.from+(entry.to-entry.from)*eased},valueAtClamped(key,now,easing){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const eased=applyGaugeEasing(rawProgress(entry,now),easing,entry.analogDamping,entry.analogFrequency);const v=entry.from+(entry.to-entry.from)*eased;const lo=Math.min(entry.from,entry.to);const hi=Math.max(entry.from,entry.to);return v<lo?lo:v>hi?hi:v},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done){settled.set(key,entries.get(key).to);entries.delete(key)}},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key);settled.delete(key)},clear(){entries.clear();settled.clear()},entries(){return entries}}}

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

@@ -0,0 +1 @@
+import{normalizeUnavailableBehaviour}from"../../_shared/core/engine/resolve-chart-engine.js";export function pickGaugeEngine(options){if(options.requested==="pro"){const reason="no GPU gauge renderer exists";if(normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-gauge-chart: Pro engine is unavailable — no GPU gauge renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-gauge-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}