@syidax/advanced 0.0.0-stage → 1.0.1

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

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

@@ -0,0 +1 @@
+export function toDatum(input){if(typeof input==="number")return Number.isFinite(input)?{value:input}:void 0;if(input&&typeof input==="object"&&typeof input.value==="number"){return{value:input.value,category:input.category}}return void 0}export{toDatum as normalizeParetoStreamDatum};export{createParetoStreamSource}from"./pareto-stream-source-runtime.js";

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

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

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

@@ -0,0 +1 @@
+export{computeParetoModel,paretoBarRects,paretoLinePoints,paretoLinePath,paretoLinePathAtProgress,paretoRevealedPointCount,paretoBandAtPoint,paretoBandCenterX,paretoBandWidth}from"../../core/pareto-geometry.js";export const PARETO_STANDARD_ENGINE="standard";

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

@@ -0,0 +1 @@
+export*from"./sy-pareto-chart.js";export*from"./core/types.js";export*from"./engines/standard/index.js";

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative}.sy-pareto-chart__surface{display:block}.sy-pareto-chart__bar{transition:opacity 120ms ease}.sy-pareto-chart__bar--active{opacity:1}.sy-pareto-chart__line{pointer-events:none}.sy-pareto-chart__marker{pointer-events:none}.sy-pareto-chart__legend-item{font:400 12px system-ui,sans-serif;color:var(--sy-axis-color, #111827)}.sy-pareto-chart__legend-item--disabled{text-decoration:line-through}.sy-pareto-chart__legend-swatch{display:inline-block;flex:0 0 auto}.sy-pareto-chart__tooltip{pointer-events:none}.sy-pareto-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-pareto-chart__watermark{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}

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

@@ -0,0 +1 @@
+import{reportChartFormatterError,safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computeParetoModel,paretoBandAtPoint,paretoBandCenterX,paretoBarRects,paretoLinePathAtProgress,paretoLinePath,paretoLinePoints,paretoRevealedPointCount}from"./core/pareto-geometry.js";import{pickParetoEngine}from"./core/pareto-chart-core.js";import{createParetoAnimator}from"./core/pareto-animator.js";import{createParetoStreamSource,normalizeParetoStreamDatum}from"./core/pareto-stream-source.js";import{ChartStreamingGate,standardOnlyEngineStatus,applyPlainStreamOp,chartStreamingInput,plainStreamFrame}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{computeLegendLayout}from"../_shared/core/layout/legend.js";import{resolveAutoAxisLabels}from"../_shared/core/axis/index.js";import{resolveSingleColor}from"../_shared/core/color/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 STREAM_KEY="stream";const VALUES_SERIES_ID="values";const CUMULATIVE_SERIES_ID="cumulative";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.02;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]){const candidate=m*base;if(candidate>=target)return candidate}return 10*base}export class SyParetoChart{host;values=new Float32Array(0);categories;width=640;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";lineColor="#ef4444";lineWidth=2;marker="circle";markerSize=3.5;baseline=0;barPadding=.2;sortDescending=true;referenceValue=80;showReference=true;referenceColor="#94a3b8";valueAxisLabel;cumulativeAxisLabel;xAxis;xLabelMode;xLabelRotation;xLabelMaxCount;yAxis;gridLines;crosshair;chartTitle;chartSubtitle;tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;legend=false;legendPosition="bottom";animated=false;animationDuration=700;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;pointContextMenu;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createParetoAnimator();animationFrameHandle=null;morphActive=false;displayedBars=new Map;morphFromBars;displayedLine=new Map;morphFromLine;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)});streamFrozenValues;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFrom;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(null))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(_next,prev){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph();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++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(values){this.values=values}async appendPoint(datum){await this.streamOrPlain("appendPoint",{type:"push",datum},()=>this.ensureInternalStreamSource()?.push(datum))}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 setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeParetoLayout();const index=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index<0)return null;return this.detailForIndex(layout,index,cssX,cssY)}async showTooltipAtPoint(index){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeParetoLayout();const hit=this.paretoHitAtIndex(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()}isStreaming(){return this.displayedStreamSource()!=null}computeParetoLayout(){const model=computeParetoModel(this.streamValues()??this.values,this.streamCategories(),{sortDescending:this.sortDescending&&!this.isStreaming()});const legend=this.legend?this.buildLegendLayout():null;const outer=this.outerRectFromLegend(legend);const n=model.bars.length;const categories=model.bars.map(b=>b.category);const baseline=Number.isFinite(this.baseline)?this.baseline:0;const valueMax=niceUpper(Math.max(model.maxValue,baseline,1));const valueMin=Math.min(0,baseline);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},yExtents:{value:{min:valueMin,max:valueMax},cumulative:{min:0,max:100}},requiredTicks:{y:baseline,includeGridLines:false}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const valueScale=frame.yScales["value"]??frame.yScale;const percentScale=frame.yScales["cumulative"]??frame.yScale;const valueY=value=>outer.y+valueScale(value);const percentY=percent=>outer.y+percentScale(percent);const baselineY=valueY(baseline);const bars=paretoBarRects(model,plot,valueY,baselineY,this.barPadding);const linePoints=paretoLinePoints(model,plot,percentY);return{model,outer,plot,frame,valueY,percentY,baselineY,bars,linePoints,legend}}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 valueAxis={id:"value",kind:"linear",position:"left",show:true,label:this.valueAxisLabel,...this.yAxis&&typeof this.yAxis==="object"&&!Array.isArray(this.yAxis)?this.yAxis:{}};const cumulativeAxis={id:"cumulative",kind:"linear",position:"right",show:true,min:0,max:100,label:this.cumulativeAxisLabel,format:v=>`${Math.round(v)}%`};return[valueAxis,cumulativeAxis]}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=[{label:"Values",swatchColor:resolveSingleColor(this.color,"#2563eb"),swatchShape:"square",disabled:this.legendDisabled.has(VALUES_SERIES_ID),id:VALUES_SERIES_ID},{label:"Cumulative %",swatchColor:this.lineColor,swatchShape:"line",disabled:this.legendDisabled.has(CUMULATIVE_SERIES_ID),id:CUMULATIVE_SERIES_ID}];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})}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(prev){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return prev===null||(prev?.length??0)===0}shouldUpdateAnimation(prev){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return false;return(prev?.length??0)>0}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.morphFromBars=new Map(this.displayedBars);this.morphFromLine=new Map(this.displayedLine);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{const now=this.now();this.animator.tick(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(){if(!this.animator.has(REVEAL_KEY))return 1;return this.animator.progressAt(REVEAL_KEY,this.now())??1}morphProgress(){if(!this.morphActive||!this.animator.has(MORPH_KEY))return 1;return this.animator.progressAt(MORPH_KEY,this.now())??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=createParetoStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const out=[];for(let i=0;i<this.values.length;i++){const v=this.values[i];out.push({value:typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0,category:this.categories?.[i]})}return out}coerceStreamCapacity(){const max=this.streamMax;if(typeof max==="number"&&Number.isFinite(max)&&max>0)return Math.floor(max);const win=this.streamWindow;if(typeof win==="number"&&Number.isFinite(win)&&win>0)return Math.floor(win)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const current=this.valuesAsData().map(d=>normalizeParetoStreamDatum(d)).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,normalizeParetoStreamDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenValues=this.values;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.values!==this.streamFrozenValues&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenValues=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const window=this.streamWindow;const snapshot=source.snapshot(typeof window==="number"&&window>0?window:void 0);const next=Float32Array.from(snapshot.map(d=>{const v=d.value;return typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0}));const animate=this.shouldAnimate()&&this.values.length>0&&next.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFrom=this.currentStreamWindow();this.suppressNextValuesAnimation=true;this.values=next;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.values=next}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamWindow(){if(this.animator.has(STREAM_KEY)&&this.streamFrom){return lerpStreamWindow(this.streamFrom,this.values,this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.values instanceof Float32Array?this.values:Float32Array.from(this.values)}streamValues(){if(this.animator.has(STREAM_KEY)&&this.streamFrom){return lerpStreamWindow(this.streamFrom,this.values,this.animator.progressAt(STREAM_KEY,this.now())??1)}return null}streamCategories(){return this.categories}detailForIndex(layout,index,cssX,cssY){const bar=layout.model.bars[index];return{index,sourceIndex:bar.sourceIndex,category:bar.category,value:bar.value,cumulative:bar.cumulative,cumulativePercent:bar.cumulativePercent,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}paretoHitAtIndex(layout,index){const i=Math.trunc(index);if(!Number.isFinite(i)||i<0||i>=layout.model.bars.length)return null;const bar=layout.model.bars[i];const point=layout.linePoints[i];const cssX=point?.x??paretoBandCenterX(layout.plot,i,layout.model.bars.length);const cssY=Math.min(point?.y??layout.plot.y,layout.bars[i]?.y??layout.plot.y);return{index:i,sourceIndex:bar.sourceIndex,category:bar.category,value:bar.value,cumulative:bar.cumulative,cumulativePercent:bar.cumulativePercent,cssX,cssY}}srSummary(model){if(model.bars.length===0)return"Pareto chart, no data";const top=model.bars[0];return`Pareto chart, ${model.bars.length} categories, total ${Math.round(model.total)}. Largest ${top.category} ${Math.round(top.value)} (${Math.round(top.cumulativePercent)}% cumulative).`}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 anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({index:hit.index,sourceIndex:hit.sourceIndex,category:hit.category,value:hit.value,cumulative:hit.cumulative,cumulativePercent:hit.cumulativePercent,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category}: ${formatNumber(hit.value)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-pareto-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-pareto-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-pareto-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};handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeParetoLayout();const rect=this.host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const index=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index<0){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.paretoHitAtIndex(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.bars.map((bar,i)=>({pos:bar.x+bar.width/2,index:i}));const points=layout.linePoints.map((p,i)=>({cssX:p.x,cssY:p.y,index:i}));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-pareto-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-pareto-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-pareto-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.computeParetoLayout();const rect=this.host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;const index=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);const bar=index>=0?layout.bars[index]:null;if(index<0||bar!==null&&cssY<bar.y){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.paretoHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computeParetoLayout();const rect=this.host.getBoundingClientRect();const cssX=event.clientX-rect.left;const cssY=event.clientY-rect.top;const index=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index<0)return;const detail=this.detailForIndex(layout,index,cssX,cssY);this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"pareto",detail))};toggleSeries(seriesId,index){const next=new Set(this.legendDisabled);if(next.has(seriesId))next.delete(seriesId);else next.add(seriesId);this.legendDisabled=next;const disabled=next.has(seriesId);this.legendItemClick.emit({index,seriesId,label:seriesId===VALUES_SERIES_ID?"Values":"Cumulative %",disabled});this.seriesToggled.emit({index,seriesId,disabled})}render(){const pick=this.resolveEngine();this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeParetoLayout();const revealing=this.animator.has(REVEAL_KEY)&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromBars!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;this.lastRenderResult={points:layout.model.bars.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const valuesHidden=this.legendDisabled.has(VALUES_SERIES_ID);const cumulativeHidden=this.legendDisabled.has(CUMULATIVE_SERIES_ID);const baselineY=layout.baselineY;const animBarTop=new Map;layout.bars.forEach((bar,i)=>{let topY=bar.y;if(morphing){const from=this.morphFromBars.get(i);if(from!==void 0)topY=from+(bar.y-from)*morph}else if(revealing){topY=baselineY-(baselineY-bar.y)*reveal}animBarTop.set(i,topY)});const animLine=new Map;layout.linePoints.forEach((p,i)=>{let x=p.x;let y=p.y;if(morphing){const from=this.morphFromLine.get(i);if(from!==void 0){x=from.x+(p.x-from.x)*morph;y=from.y+(p.y-from.y)*morph}}animLine.set(i,{x,y})});this.displayedBars=animBarTop;this.displayedLine=animLine;return h(Host,{key:"cadae48bb4de5e2aadaaeb2a9205f861e2b1414f",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"img","aria-label":this.chartTitle??"Pareto chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{key:"9ea283dd19993c3c1987aaa25f79d44f4785bbb1",class:"sy-pareto-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},!valuesHidden&&this.renderBars(layout,animBarTop),!cumulativeHidden&&this.showReference&&this.renderReference(layout),!cumulativeHidden&&this.renderCumulativeLine(layout,animLine,reveal,revealing),!cumulativeHidden&&this.renderMarkers(layout,animLine,reveal,revealing)),this.renderCrosshair(layout),layout.legend&&this.renderLegend(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"ab209cf043e81e28046ca6e3784531ebdc823593",class:"sy-pareto-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"258e951d6eb282e476d2192d2c3e110406b91e72",class:"sy-pareto-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}))}renderBars(layout,animBarTop){const{bars,model,baselineY}=layout;const barFill=resolveSingleColor(this.color,"#2563eb");return h("g",{class:"sy-pareto-chart__bars"},bars.map((bar,i)=>{const topY=animBarTop.get(i)??bar.y;const barH=baselineY-topY;const active=this.hoverIndex===i;return h("rect",{key:`bar-${model.bars[i].sourceIndex}`,class:{"sy-pareto-chart__bar":true,"sy-pareto-chart__bar--active":active},x:round2(bar.x),y:round2(topY),width:round2(bar.width),height:round2(Math.max(0,barH)),fill:barFill,opacity:active||this.hoverIndex===null?1:.78})}))}renderReference(layout){const y=layout.percentY(clampPercent(this.referenceValue));return h("g",{class:"sy-pareto-chart__reference","aria-hidden":"true"},h("line",{x1:round2(layout.plot.x),y1:round2(y),x2:round2(layout.plot.x+layout.plot.width),y2:round2(y),stroke:this.referenceColor,"stroke-width":1,"stroke-dasharray":"4 4"}),h("text",{class:"sy-pareto-chart__reference-label",x:round2(layout.plot.x+layout.plot.width-4),y:round2(y-4),"text-anchor":"end",style:{fontSize:"10px",fill:this.referenceColor}},Math.round(clampPercent(this.referenceValue)),"%"))}renderCumulativeLine(layout,animLine,reveal,revealing){const points=layout.linePoints;if(points.length===0)return null;const resolved=points.map((p,i)=>animLine.get(i)??p);const d=revealing?paretoLinePathAtProgress(resolved,reveal):paretoLinePath(resolved);return h("path",{class:"sy-pareto-chart__line",d,fill:"none",stroke:this.lineColor,"stroke-width":this.lineWidth,"stroke-linejoin":"round","stroke-linecap":"round"})}renderMarkers(layout,animLine,reveal,revealing){if(this.marker==="none")return null;const points=layout.linePoints;const resolved=points.map((p,i)=>animLine.get(i)??p);const shown=revealing?paretoRevealedPointCount(resolved,reveal):resolved.length;const r=Math.max(1,this.markerSize);return h("g",{class:"sy-pareto-chart__markers"},resolved.slice(0,shown).map((p,i)=>{const active=this.hoverIndex===i;if(this.marker==="square"){return h("rect",{key:`mk-${i}`,class:"sy-pareto-chart__marker",x:round2(p.x-r),y:round2(p.y-r),width:round2(r*2),height:round2(r*2),fill:this.lineColor,stroke:"#fff","stroke-width":1})}if(this.marker==="diamond"){const d=`M ${round2(p.x)} ${round2(p.y-r)} L ${round2(p.x+r)} ${round2(p.y)} L ${round2(p.x)} ${round2(p.y+r)} L ${round2(p.x-r)} ${round2(p.y)} Z`;return h("path",{key:`mk-${i}`,class:"sy-pareto-chart__marker",d,fill:this.lineColor,stroke:"#fff","stroke-width":1})}return h("circle",{key:`mk-${i}`,class:"sy-pareto-chart__marker",cx:round2(p.x),cy:round2(p.y),r:active?r+1.5:r,fill:this.lineColor,stroke:"#fff","stroke-width":1})}))}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??String(t.value);const xLabels=frame.xTicks.map(t=>tickLabel(t));const xCenters=frame.xTicks.map(t=>outer.x+t.position);const xDecl=resolveAutoAxisLabels({labels:xLabels,centers:xCenters,range:[plot.x,plot.x+plot.width],orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return h("div",{class:"sy-pareto-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-pareto-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-pareto-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-pareto-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(!xDecl.visible[i])return null;const rot=xDecl.rotationDeg>0?{transform:`rotate(${xDecl.rotationDeg}deg)`,transformOrigin:"top center",whiteSpace:"nowrap"}:{};return h("div",{class:"sy-pareto-chart__axis-label sy-pareto-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)",...rot}},tickLabel(t))}),frame.yAxes.map(axisItem=>{const right=axisItem.axis.position==="right";return axisItem.ticks.map(t=>h("div",{class:"sy-pareto-chart__axis-label sy-pareto-chart__axis-label--y","data-axis-key":axisItem.key,style:{position:"absolute",left:right?`${plot.x+plot.width+6}px`:`${plot.x-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:right?"left":"right",font:"400 11px system-ui, sans-serif",color:right?this.lineColor:"var(--sy-axis-color, #111827)"}},tickLabel(t)))}),h("div",{class:"sy-pareto-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-pareto-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))"}}),h("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:`${plot.x+plot.width}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.lineColor,opacity:"0.5"}}),this.valueAxisLabel&&h("div",{class:"sy-pareto-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))}renderLegend(layout){const legend=layout.legend;if(!legend.legendRect)return null;const rect=legend.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";const entries=[{seriesId:VALUES_SERIES_ID,label:"Values",color:resolveSingleColor(this.color,"#2563eb"),shape:"square"},{seriesId:CUMULATIVE_SERIES_ID,label:"Cumulative %",color:this.lineColor,shape:"line"}];return h("div",{class:"sy-pareto-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:"12px",alignItems:"center",justifyContent:"center",pointerEvents:"auto"}},entries.map((entry,i)=>{const disabled=this.legendDisabled.has(entry.seriesId);return h("button",{type:"button",class:{"sy-pareto-chart__legend-item":true,"sy-pareto-chart__legend-item--disabled":disabled},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",cursor:"pointer",font:"400 12px system-ui, sans-serif",opacity:disabled?"0.4":"1"},onClick:()=>this.toggleSeries(entry.seriesId,i)},h("span",{class:"sy-pareto-chart__legend-swatch",style:{width:"12px",height:entry.shape==="line"?"3px":"12px",borderRadius:"2px",background:entry.color}}),h("span",{class:"sy-pareto-chart__legend-label"},entry.label))}))}resolveEngine(){try{return pickParetoEngine({requested:this.engine,onUnavailable:this.unavailable})}catch(err){throw err}}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"pareto"})}static get is(){return"sy-pareto-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-pareto-chart.scss"]}}static get styleUrls(){return{"$":["sy-pareto-chart.css"]}}static get properties(){return{"values":{"type":"unknown","mutable":true,"complexType":{"original":"ParetoChartValues","resolved":"Float32Array<ArrayBufferLike> | number[]","references":{"ParetoChartValues":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartValues","referenceLocation":"ParetoChartValues"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"new Float32Array(0)"},"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},"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":"'#2563eb'"},"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":"'#ef4444'"},"lineWidth":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"line-width","defaultValue":"2"},"marker":{"type":"string","mutable":false,"complexType":{"original":"'circle' | 'square' | 'diamond' | 'none'","resolved":'"circle" | "diamond" | "none" | "square"',"references":{}},"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":"3.5"},"baseline":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"baseline","defaultValue":"0"},"barPadding":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"bar-padding","defaultValue":"0.2"},"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":"true"},"referenceValue":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"reference-value","defaultValue":"80"},"showReference":{"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-reference","defaultValue":"true"},"referenceColor":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"reference-color","defaultValue":"'#94a3b8'"},"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"},"cumulativeAxisLabel":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"cumulative-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"},"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"},"yAxis":{"type":"any","mutable":false,"complexType":{"original":"CartesianYAxisInput","resolved":'"auto" | "off" | CartesianAxisSpec | boolean | readonly CartesianAxisInput[]',"references":{"CartesianYAxisInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianYAxisInput","referenceLocation":"CartesianYAxisInput"}}},"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"},"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"},"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: ParetoChartPointerEventDetail) => string","resolved":"(detail: ParetoChartPointerEventDetail) => string","references":{"ParetoChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartPointerEventDetail","referenceLocation":"ParetoChartPointerEventDetail"}}},"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"},"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":"ParetoChartLegendPosition","resolved":'"bottom" | "left" | "right" | "top"',"references":{"ParetoChartLegendPosition":{"location":"local","path":"src/components/chart/pareto-chart/sy-pareto-chart.tsx","id":"src/components/chart/pareto-chart/sy-pareto-chart.tsx::ParetoChartLegendPosition"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend-position","defaultValue":"'bottom'"},"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":"ParetoChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"ParetoChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartEasing","referenceLocation":"ParetoChartEasing"}}},"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":"ParetoChartAnimationType","resolved":'"initial" | "update"',"references":{"ParetoChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartAnimationType","referenceLocation":"ParetoChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"ParetoChartStreamSource","resolved":"ParetoChartStreamSource","references":{"ParetoChartStreamSource":{"location":"import","path":"./core/pareto-stream-source","id":"src/components/chart/pareto-chart/core/pareto-stream-source.ts::ParetoChartStreamSource","referenceLocation":"ParetoChartStreamSource"}}},"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":"ParetoChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"ParetoChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartEngineMode","referenceLocation":"ParetoChartEngineMode"}}},"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":"ParetoChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"ParetoChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartUnavailableBehaviour","referenceLocation":"ParetoChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"fallbackReason":{},"legendDisabled":{},"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":"ParetoChartRenderResult & { tier: ParetoChartEngineTier }","resolved":"ParetoChartRenderResult & { tier: ParetoChartEngineTier; }","references":{"ParetoChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartRenderResult","referenceLocation":"ParetoChartRenderResult"},"ParetoChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartEngineTier","referenceLocation":"ParetoChartEngineTier"}}}},{"method":"pointClick","name":"pointClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ParetoChartPointerEventDetail","resolved":"ParetoChartPointerEventDetail","references":{"ParetoChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartPointerEventDetail","referenceLocation":"ParetoChartPointerEventDetail"}}}},{"method":"pointHover","name":"pointHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ParetoChartPointerEventDetail | null","resolved":"ParetoChartPointerEventDetail","references":{"ParetoChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartPointerEventDetail","referenceLocation":"ParetoChartPointerEventDetail"}}}},{"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":"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":"pointContextMenu","name":"pointContextMenu","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ChartPointContextMenuEventDetail<ParetoChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<ParetoChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"ParetoChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartPointerEventDetail","referenceLocation":"ParetoChartPointerEventDetail"}}}},{"method":"legendItemClick","name":"legendItemClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ParetoChartLegendItemEventDetail","resolved":"ParetoChartLegendItemEventDetail","references":{"ParetoChartLegendItemEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartLegendItemEventDetail","referenceLocation":"ParetoChartLegendItemEventDetail"}}}},{"method":"seriesToggled","name":"seriesToggled","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ index: number; seriesId: string; disabled: boolean }","resolved":"{ index: number; seriesId: string; disabled: boolean; }","references":{}}},{"method":"appended","name":"appended","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ count: number }","resolved":"{ count: number; }","references":{}}},{"method":"windowSlid","name":"windowSlid","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ dropped: number }","resolved":"{ dropped: number; }","references":{}}},{"method":"chartAnimationStart","name":"chartAnimationStart","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationEnd","name":"chartAnimationEnd","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationInterrupted","name":"chartAnimationInterrupted","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<ParetoChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartRenderResult","referenceLocation":"ParetoChartRenderResult"}},"return":"Promise<ParetoChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<ParetoChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartEngineTier","referenceLocation":"ParetoChartEngineTier"}},"return":"Promise<ParetoChartEngineTier>"},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(values: ParetoChartValues) => Promise<void>","parameters":[{"name":"values","type":"Float32Array<ArrayBufferLike> | number[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartValues":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartValues","referenceLocation":"ParetoChartValues"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(datum: ParetoBarDatum | number) => Promise<void>","parameters":[{"name":"datum","type":"number | ParetoBarDatum","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoBarDatum":{"location":"import","path":"./core/pareto-stream-source","id":"src/components/chart/pareto-chart/core/pareto-stream-source.ts::ParetoBarDatum","referenceLocation":"ParetoBarDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(data: ReadonlyArray<ParetoBarDatum | number>) => Promise<void>","parameters":[{"name":"data","type":"readonly (number | ParetoBarDatum)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"ParetoBarDatum":{"location":"import","path":"./core/pareto-stream-source","id":"src/components/chart/pareto-chart/core/pareto-stream-source.ts::ParetoBarDatum","referenceLocation":"ParetoBarDatum"}},"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<ParetoBarDatum | number>) => Promise<void>","parameters":[{"name":"data","type":"readonly (number | ParetoBarDatum)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"ParetoBarDatum":{"location":"import","path":"./core/pareto-stream-source","id":"src/components/chart/pareto-chart/core/pareto-stream-source.ts::ParetoBarDatum","referenceLocation":"ParetoBarDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<ParetoChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartStreamSource":{"location":"import","path":"./core/pareto-stream-source","id":"src/components/chart/pareto-chart/core/pareto-stream-source.ts::ParetoChartStreamSource","referenceLocation":"ParetoChartStreamSource"}},"return":"Promise<ParetoChartStreamSource>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: ParetoChartEasing; enabled?: boolean; type?: ParetoChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: ParetoChartEasing; enabled?: boolean; type?: ParetoChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartEasing","referenceLocation":"ParetoChartEasing"},"ParetoChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartAnimationType","referenceLocation":"ParetoChartAnimationType"}},"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<ParetoChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ParetoChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pareto-chart/core/types.ts::ParetoChartPointerEventDetail","referenceLocation":"ParetoChartPointerEventDetail"}},"return":"Promise<ParetoChartPointerEventDetail>"},"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":"values","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":"color","methodName":"handleVisualChange"},{"propName":"lineColor","methodName":"handleVisualChange"},{"propName":"lineWidth","methodName":"handleVisualChange"},{"propName":"marker","methodName":"handleVisualChange"},{"propName":"markerSize","methodName":"handleVisualChange"},{"propName":"baseline","methodName":"handleVisualChange"},{"propName":"barPadding","methodName":"handleVisualChange"},{"propName":"sortDescending","methodName":"handleVisualChange"},{"propName":"referenceValue","methodName":"handleVisualChange"},{"propName":"showReference","methodName":"handleVisualChange"},{"propName":"referenceColor","methodName":"handleVisualChange"},{"propName":"valueAxisLabel","methodName":"handleVisualChange"},{"propName":"cumulativeAxisLabel","methodName":"handleVisualChange"},{"propName":"xAxis","methodName":"handleVisualChange"},{"propName":"yAxis","methodName":"handleVisualChange"},{"propName":"gridLines","methodName":"handleVisualChange"},{"propName":"chartTitle","methodName":"handleVisualChange"},{"propName":"chartSubtitle","methodName":"handleVisualChange"},{"propName":"legend","methodName":"handleVisualChange"},{"propName":"legendPosition","methodName":"handleVisualChange"},{"propName":"width","methodName":"handleVisualChange"},{"propName":"height","methodName":"handleVisualChange"},{"propName":"engine","methodName":"handleVisualChange"},{"propName":"unavailable","methodName":"handleVisualChange"},{"propName":"xLabelMode","methodName":"handleVisualChange"},{"propName":"xLabelRotation","methodName":"handleVisualChange"},{"propName":"xLabelMaxCount","methodName":"handleVisualChange"}]}}function round2(v){return Math.round(v*100)/100}function clampPercent(v){if(!Number.isFinite(v))return 80;return Math.max(0,Math.min(100,v))}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}

package/dist/collection/components/chart/pictorial-chart/core/path-bounds.js

@@ -0,0 +1 @@
+const COMMAND_RE=/([MmLlHhVvCcSsQqTtAaZz])([^MmLlHhVvCcSsQqTtAaZz]*)/g;const NUMBER_RE=/-?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;function parseNumbers(chunk){const out=[];for(const match of chunk.matchAll(NUMBER_RE))out.push(Number(match[0]));return out}export function parsePathBounds(definition){if(typeof definition!=="string"||definition.trim().length===0)return null;let minX=Infinity;let minY=Infinity;let maxX=-Infinity;let maxY=-Infinity;let x=0;let y=0;let startX=0;let startY=0;let sawPoint=false;const include=(px,py)=>{if(!Number.isFinite(px)||!Number.isFinite(py))return;sawPoint=true;if(px<minX)minX=px;if(py<minY)minY=py;if(px>maxX)maxX=px;if(py>maxY)maxY=py};for(const match of definition.matchAll(COMMAND_RE)){const command=match[1];const args=parseNumbers(match[2]);const relative=command===command.toLowerCase()&&command!=="Z"&&command!=="z";switch(command.toUpperCase()){case"M":case"L":{for(let i=0;i+1<args.length;i+=2){x=relative?x+args[i]:args[i];y=relative?y+args[i+1]:args[i+1];include(x,y);if(command.toUpperCase()==="M"&&i===0){startX=x;startY=y}}break}case"H":{for(const arg of args){x=relative?x+arg:arg;include(x,y)}break}case"V":{for(const arg of args){y=relative?y+arg:arg;include(x,y)}break}case"C":{for(let i=0;i+5<args.length;i+=6){const[c1x,c1y,c2x,c2y,ex,ey]=relative?[x+args[i],y+args[i+1],x+args[i+2],y+args[i+3],x+args[i+4],y+args[i+5]]:[args[i],args[i+1],args[i+2],args[i+3],args[i+4],args[i+5]];include(c1x,c1y);include(c2x,c2y);include(ex,ey);x=ex;y=ey}break}case"S":case"Q":{for(let i=0;i+3<args.length;i+=4){const[cx,cy,ex,ey]=relative?[x+args[i],y+args[i+1],x+args[i+2],y+args[i+3]]:[args[i],args[i+1],args[i+2],args[i+3]];include(cx,cy);include(ex,ey);x=ex;y=ey}break}case"T":{for(let i=0;i+1<args.length;i+=2){x=relative?x+args[i]:args[i];y=relative?y+args[i+1]:args[i+1];include(x,y)}break}case"A":{for(let i=0;i+6<args.length;i+=7){const rx=Math.abs(args[i]);const ry=Math.abs(args[i+1]);const ex=relative?x+args[i+5]:args[i+5];const ey=relative?y+args[i+6]:args[i+6];const r=Math.max(rx,ry);include(x-r,y-r);include(x+r,y+r);include(ex-r,ey-r);include(ex+r,ey+r);x=ex;y=ey}break}case"Z":{x=startX;y=startY;break}default:break}}if(!sawPoint||maxX<=minX||maxY<=minY)return null;return{minX,minY,maxX,maxY,width:maxX-minX,height:maxY-minY}}

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

@@ -0,0 +1 @@
+export function applyPictorialEasing(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 createPictorialAnimator(){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 applyPictorialEasing(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/pictorial-chart/core/pictorial-chart-core.js

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

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

@@ -0,0 +1 @@
+function toFiniteOrNull(value){const v=typeof value==="bigint"?Number(value):value;return typeof v==="number"&&Number.isFinite(v)?v:null}export function computePictorialModel(values,categories){const items=[];for(let i=0;i<values.length;i++){items.push({index:i,category:categories?.[i]??String(i+1),value:toFiniteOrNull(values[i])})}let maxValue=0;let minValue=0;let sawFinite=false;for(const item of items){if(item.value===null)continue;if(!sawFinite){maxValue=item.value;minValue=item.value;sawFinite=true}else{maxValue=Math.max(maxValue,item.value);minValue=Math.min(minValue,item.value)}}return{items,maxValue:sawFinite?maxValue:0,minValue:sawFinite?minValue:0}}export function pictorialBandWidth(plotWidth,n){return n>0?plotWidth/n:plotWidth}export function pictorialBandCenterX(plot,i,n){return plot.x+(i+.5)*pictorialBandWidth(plot.width,n)}export function pictorialBandThroughScale(i,xScale,floorY,topY){const x0=xScale(i-.5);const x1=xScale(i+.5);return{centerX:(x0+x1)/2,width:Math.abs(x1-x0),floorY,height:Math.max(1,Math.abs(floorY-topY))}}export function pictorialIconRectForBand(band,iconPadding,bounds){const padding=Math.min(.9,Math.max(0,Number.isFinite(iconPadding)?iconPadding:.1));const maxWidth=Math.max(1,band.width*(1-padding));const maxHeight=Math.max(1,band.height);const scale=Math.min(maxWidth/bounds.width,maxHeight/bounds.height);const width=bounds.width*scale;const height=bounds.height*scale;return{x:band.centerX-width/2,y:band.floorY-height,width,height}}export function pictorialIconRect(plot,i,n,iconPadding,bounds){return pictorialIconRectForBand({centerX:pictorialBandCenterX(plot,i,n),width:pictorialBandWidth(plot.width,n),floorY:plot.y+plot.height,height:plot.height},iconPadding,bounds)}export function pictorialFillFractionThroughScale(valueY,floorY,topY){const span=floorY-topY;if(!Number.isFinite(valueY)||!Number.isFinite(span)||span===0)return 0;return Math.min(1,Math.max(0,(floorY-valueY)/span))}export function pictorialIconTransform(rect,bounds){const scale=rect.width/bounds.width;const tx=rect.x-bounds.minX*scale;const ty=rect.y-bounds.minY*scale;return`translate(${round2(tx)} ${round2(ty)}) scale(${Math.round(scale*1e4)/1e4})`}export function pictorialFillFraction(value,axisMax){if(!Number.isFinite(value)||!Number.isFinite(axisMax)||axisMax<=0)return 0;return Math.min(1,Math.max(0,value/axisMax))}export function pictorialClipRect(iconRect,fraction){const f=Math.min(1,Math.max(0,fraction));const height=iconRect.height*f;return{x:iconRect.x,y:iconRect.y+iconRect.height-height,width:iconRect.width,height}}export function pictorialBandAtPoint(plot,n,cssX,cssY){if(n===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const index=Math.floor((cssX-plot.x)/pictorialBandWidth(plot.width,n));return Math.max(0,Math.min(n-1,index))}export function pictorialBandAtScale(plot,n,cssX,cssY,invertX){if(n===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const index=Math.round(invertX(cssX));if(!Number.isFinite(index))return-1;return Math.max(0,Math.min(n-1,index))}function round2(v){return Math.round(v*100)/100}

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

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

@@ -0,0 +1 @@
+export function toDatum(input){if(typeof input==="number")return Number.isFinite(input)?{value:input}:void 0;if(input&&typeof input==="object"&&typeof input.value==="number"){return{value:input.value,category:input.category}}return void 0}export{toDatum as normalizePictorialStreamDatum};export{createPictorialStreamSource}from"./pictorial-stream-source-runtime.js";

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

@@ -0,0 +1 @@
+export const PICTORIAL_PERSON_PATH="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z";

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

@@ -0,0 +1 @@
+export{computePictorialModel,pictorialBandAtPoint,pictorialBandAtScale,pictorialBandCenterX,pictorialBandThroughScale,pictorialBandWidth,pictorialClipRect,pictorialFillFraction,pictorialFillFractionThroughScale,pictorialIconRect,pictorialIconRectForBand,pictorialIconTransform}from"../../core/pictorial-geometry.js";export{parsePathBounds}from"../../core/path-bounds.js";export const PICTORIAL_STANDARD_ENGINE="standard";

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

@@ -0,0 +1 @@
+export*from"./sy-pictorial-chart.js";export*from"./core/types.js";export*from"./engines/standard/index.js";export{createPictorialStreamSource}from"./core/pictorial-stream-source.js";

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative}.sy-pictorial-chart__surface{display:block}.sy-pictorial-chart__icon{transition:opacity 120ms ease}.sy-pictorial-chart__tooltip{pointer-events:none}.sy-pictorial-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-pictorial-chart__watermark{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}

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

@@ -0,0 +1 @@
+import{reportChartFormatterError,safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computePictorialModel,pictorialBandAtScale,pictorialBandThroughScale,pictorialClipRect,pictorialFillFractionThroughScale,pictorialIconRectForBand,pictorialIconTransform}from"./core/pictorial-geometry.js";import{parsePathBounds}from"./core/path-bounds.js";import{PICTORIAL_PERSON_PATH}from"./core/types.js";import{pickPictorialEngine}from"./core/pictorial-chart-core.js";import{createPictorialAnimator}from"./core/pictorial-animator.js";import{createPictorialStreamSource,normalizePictorialStreamDatum}from"./core/pictorial-stream-source.js";import{ChartStreamingGate,standardOnlyEngineStatus,applyPlainStreamOp,chartStreamingInput,plainStreamFrame}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,thinAxisTicks}from"../_shared/core/layout/index.js";import{computeTooltipPlacement,tooltipConnectorEnd}from"../_shared/core/tooltip/index.js";import{resolveAutoAxisLabels}from"../_shared/core/axis/index.js";import{snapCategoryCrosshair}from"../_shared/core/crosshair/category-snap.js";import{lerpStreamWindow,capStreamDuration}from"../_shared/core/animation/stream-interp.js";import{normalizeList}from"../_shared/core/color/index.js";import{buildChartPointContextMenuDetail}from"../_shared/core/event/index.js";import{resolveCartesianZoomSpec,ZoomInteraction}from"../_shared/core/zoom/index.js";import{renderChartBrand}from"../_shared/core/brand/chart-brand.js";const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";let pictorialInstanceCounter=0;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 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`}export class SyPictorialChart{host;values=new Float32Array(0);categories;width=640;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";paths;iconPadding=.1;trackOpacity=.16;xLabelMode;xLabelRotation;xLabelMaxCount;valueAxisLabel;xAxis;yAxis;gridLines;crosshair;zoom;chartTitle;chartSubtitle;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;zoomChange;activeTier="standard";fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;zoomState=null;zoomSelection=null;zoomInteraction=new ZoomInteraction(this.zoomInteractionHost());tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createPictorialAnimator();animationFrameHandle=null;morphActive=false;displayedFills=new Map;morphFromFills;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)});streamFrozenValues;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFrom;lastStreamTime;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;pathBoundsCache=new Map;instanceId=++pictorialInstanceCounter;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});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.host.addEventListener("wheel",this.handleZoomWheel,{passive:false});this.bindStreamSource();if(this.shouldInitialAnimation(null))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.host.removeEventListener("wheel",this.handleZoomWheel);this.zoomInteraction.dispose();this.zoomSelection=null;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(_next,prev){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live())this.applyStreamSnapshot(source)}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++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(values){this.values=values}async appendPoint(datum){await this.streamOrPlain("appendPoint",{type:"push",datum},()=>this.ensureInternalStreamSource()?.push(datum))}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 setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computePictorialLayout();const index=this.bandIndexAtPoint(layout,cssX,cssY);if(index<0)return null;return this.detailForIndex(layout,index,cssX,cssY)}async showTooltipAtPoint(index){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computePictorialLayout();const hit=this.pictorialHitAtIndex(layout,index);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverIndex=null}async zoomTo(request){return this.zoomInteraction.zoomTo(request)}async zoomBy(factor,anchorFraction=.5){return this.zoomInteraction.zoomBy(factor,anchorFraction)}async panBy(delta){return this.zoomInteraction.panBy(delta)}async resetZoom(){return this.zoomInteraction.reset()}async getZoom(){return this.zoomState}async getZoomExtent(request){return this.zoomInteraction.extent(request)}zoomSpec(){return resolveCartesianZoomSpec(this.zoom)}zoomInteractionHost(){return{frame:()=>this.zoomHostFrame(),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:next=>{this.zoomState=next},emit:detail=>{this.zoomChange.emit(detail)},selection:rect=>{this.zoomSelection=rect},standDown:()=>this.zoomStandDown()}}zoomHostFrame(){const layout=this.computePictorialLayout();return{plot:layout.plot,xAxes:layout.frame.xAxes,yAxes:layout.frame.yAxes}}zoomStandDown(){this.clearTooltips();if(this.hoverIndex!==null){this.hoverIndex=null;this.pointHover.emit(null)}if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}}hostCoords(e){const rect=this.host.getBoundingClientRect();return{x:e.clientX-rect.left,y:e.clientY-rect.top}}zoomPointerInput(e){const point=this.hostCoords(e);return{pointerId:e.pointerId,x:point.x,y:point.y,button:e.button,shiftKey:e.shiftKey,altKey:e.altKey,pointerType:e.pointerType}}zoomWheelInput(e){const point=this.hostCoords(e);return{x:point.x,y:point.y,deltaX:e.deltaX,deltaY:e.deltaY,deltaMode:e.deltaMode,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey}}handleZoomWheel=e=>{if(this.zoomInteraction.wheel(this.zoomWheelInput(e)))e.preventDefault()};handleZoomPointerDown=e=>{if(this.zoomInteraction.pointerDown(this.zoomPointerInput(e)))e.currentTarget?.setPointerCapture?.(e.pointerId)};handleZoomPointerMove(e){return this.zoomInteraction.pointerMove(this.zoomPointerInput(e))}handleZoomPointerUp=e=>{const owned=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(e));if(owned)e.currentTarget?.releasePointerCapture?.(e.pointerId)};handleZoomPointerCancel=()=>{this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){return this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown(event){if(!this.zoomInteraction.wantsKey(event))return false;if(!this.zoomInteraction.keyDown(event))return false;event.preventDefault();event.stopPropagation();return true}handleHostKeyDown=event=>{if(this.handleZoomKeyDown(event))return};renderZoomOverlay(layout){const spec=this.zoomSpec();const selection=this.zoomSelection;const zoomed=this.zoomState!==null;if(!selection&&!(zoomed&&spec.resetButton))return null;const plot=layout.plot;return h("div",{class:"sy-pictorial-chart__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"4"}},selection&&h("div",{class:"sy-pictorial-chart__zoom-selection","aria-hidden":"true",style:{position:"absolute",left:`${selection.x}px`,top:`${selection.y}px`,width:`${selection.width}px`,height:`${selection.height}px`,boxSizing:"border-box",background:"var(--sy-zoom-selection-bg, rgba(37, 99, 235, 0.12))",border:"1px solid var(--sy-zoom-selection-border, rgba(37, 99, 235, 0.6))"}}),zoomed&&spec.resetButton&&h("button",{type:"button",class:"sy-pictorial-chart__zoom-reset","aria-label":"Reset zoom",onClick:()=>{void this.resetZoom()},style:{...ZoomInteraction.resetButtonStyle,position:"absolute",left:`${plot.x+plot.width-8}px`,top:`${plot.y+8}px`,transform:"translateX(-100%)",pointerEvents:"auto",font:"500 11px system-ui, sans-serif",padding:"3px 8px",borderRadius:"4px",border:"1px solid var(--sy-zoom-reset-border, #9ca3af)",background:"var(--sy-zoom-reset-bg, #ffffff)",color:"var(--sy-axis-color, #111827)",cursor:"pointer"}},"Reset zoom"))}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}resolvedPaths(){const list=Array.isArray(this.paths)?this.paths.filter(p=>typeof p==="string"&&p.trim().length>0):[];return list.length>0?[...list]:[PICTORIAL_PERSON_PATH]}boundsFor(path){let bounds=this.pathBoundsCache.get(path);if(bounds===void 0){bounds=parsePathBounds(path);this.pathBoundsCache.set(path,bounds)}return bounds??parsePathBounds(PICTORIAL_PERSON_PATH)}iconColors(n){const list=normalizeList(this.color);if(list.length===0)return Array.from({length:n},()=>"#2563eb");if(list.length===1)return Array.from({length:n},()=>list[0]);return Array.from({length:n},(_,i)=>list[i%list.length])}axisInputs(raw){if(Array.isArray(raw))return raw;return[raw]}xAxisSlots(categories,categoryTickCount){const inputs=this.axisInputs(this.xAxis);const slotFor=(input,index)=>{const base=index===0?{kind:"category",show:true,categories,tickCount:categoryTickCount}:{kind:"linear",show:true};if(input===void 0||input===null||input==="auto"||input===true)return base;if(input===false||input==="off")return{...base,show:false};if(typeof input!=="object")return base;const overrides=input;const spec=index===0?{...base,...overrides,kind:"category",categories,tickCount:overrides.tickCount??categoryTickCount}:{...base,...overrides};if(overrides.position!=="top"&&overrides.position!=="bottom")delete spec.position;return spec};return inputs.length>1?inputs.map(slotFor):slotFor(inputs[0],0)}yAxisSlots(){const inputs=this.axisInputs(this.yAxis);const slotFor=(input,index)=>{const base={kind:"linear",show:true,...index===0&&this.valueAxisLabel?{label:this.valueAxisLabel}:{}};if(input===void 0||input===null||input==="auto"||input===true)return base;if(input===false||input==="off")return{...base,show:false};if(typeof input!=="object")return base;const overrides=input;const spec={...base,...overrides,kind:overrides.kind==="log"?"log":"linear"};if(overrides.position!=="left"&&overrides.position!=="right")delete spec.position;return spec};return inputs.length>1?inputs.map(slotFor):slotFor(inputs[0],0)}computePictorialLayout(){const model=computePictorialModel(this.streamValues()??this.values,this.categories);const outer={x:0,y:0,width:this.width,height:this.height};const n=model.items.length;const categories=model.items.map(it=>it.category);const niceMax=niceUpper(Math.max(model.maxValue,1));const categoryExtent={min:-.5,max:Math.max(.5,n-.5)};const valueExtent={min:0,max:niceMax};const categoryTickCount=Math.min(n,24);const axes=resolveCartesianAxesSpec(this.xAxisSlots(categories,categoryTickCount),this.yAxisSlots());const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:categoryExtent,yExtent:valueExtent,zoom:this.zoomState??void 0});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const primaryY=frame.yAxes.find(axis=>axis.axis.show)??frame.yAxes[0];const full=primaryY?.fullExtent??valueExtent;const axisMax=Math.max(full.min,full.max);const xScale=value=>outer.x+frame.xScale(value);const yScale=value=>outer.y+frame.yScale(value);const floorY=yScale(Math.min(full.min,full.max));const topY=yScale(axisMax);const paths=this.resolvedPaths();const colors=this.iconColors(n);const icons=[];for(const item of model.items){if(item.value===null)continue;const path=paths[item.index%paths.length];const bounds=this.boundsFor(path);const band=pictorialBandThroughScale(item.index,xScale,floorY,topY);icons.push({index:item.index,category:item.category,value:item.value,x:band.centerX,iconRect:pictorialIconRectForBand(band,this.iconPadding,bounds),fraction:pictorialFillFractionThroughScale(yScale(item.value),floorY,topY),color:colors[item.index]??"#2563eb",path,bounds})}return{model,outer,plot,frame,axisMax,icons}}bandIndexAtPoint(layout,cssX,cssY){return pictorialBandAtScale(layout.plot,layout.model.items.length,cssX,cssY,pixel=>layout.frame.xScale.invert(pixel-layout.outer.x))}visibleIcons(layout){if(this.zoomState===null)return layout.icons;const{plot}=layout;return layout.icons.filter(icon=>icon.iconRect.x+icon.iconRect.width>=plot.x&&icon.iconRect.x<=plot.x+plot.width&&icon.iconRect.y<=plot.y+plot.height&&icon.iconRect.y+icon.iconRect.height>=plot.y)}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(prev){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return prev===null||(prev?.length??0)===0}shouldUpdateAnimation(prev){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return false;return(prev?.length??0)>0}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.morphFromFills=new Map(this.displayedFills);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(){if(!this.animator.has(REVEAL_KEY))return 1;return this.animator.progressAt(REVEAL_KEY,this.now())??1}morphProgress(){if(!this.morphActive||!this.animator.has(MORPH_KEY))return 1;return this.animator.progressAt(MORPH_KEY,this.now())??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=createPictorialStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const out=[];for(let i=0;i<this.values.length;i++){const v=this.values[i];out.push({value:typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0,category:this.categories?.[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 current=this.valuesAsData().map(d=>normalizePictorialStreamDatum(d)).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,normalizePictorialStreamDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenValues=this.values;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.values!==this.streamFrozenValues&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenValues=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){this.applyStreamSnapshot(source);if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}applyStreamSnapshot(source){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const next=Float32Array.from(snapshot.map(d=>{const v=d.value;return typeof v==="bigint"?Number(v):typeof v==="number"&&Number.isFinite(v)?v:0}));const animate=this.shouldAnimate()&&this.values.length>0&&next.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFrom=this.currentStreamWindow();this.suppressNextValuesAnimation=true;this.values=next;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.values=next}}currentStreamWindow(){if(this.animator.has(STREAM_KEY)&&this.streamFrom){return lerpStreamWindow(this.streamFrom,this.valuesAsFloat32(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return this.valuesAsFloat32()}streamValues(){if(this.animator.has(STREAM_KEY)&&this.streamFrom){return lerpStreamWindow(this.streamFrom,this.valuesAsFloat32(),this.animator.progressAt(STREAM_KEY,this.now())??1)}return null}valuesAsFloat32(){return this.values instanceof Float32Array?this.values:Float32Array.from(this.values)}detailForIndex(layout,index,cssX,cssY){const item=layout.model.items[index];const icon=layout.icons.find(entry=>entry.index===index);return{index,category:item.category,value:item.value??0,fraction:icon?.fraction??0,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}iconValuePoint(icon,plot){const clip=pictorialClipRect(icon.iconRect,icon.fraction);return{cssX:Math.max(plot.x,Math.min(plot.x+plot.width,icon.x)),cssY:Math.max(plot.y,Math.min(plot.y+plot.height,clip.y))}}pictorialHitAtIndex(layout,index){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(item.value===null)return null;const icon=layout.icons.find(entry=>entry.index===i);if(!icon)return null;const point=this.iconValuePoint(icon,layout.plot);return{index:i,value:item.value,category:item.category,fraction:icon.fraction,cssX:point.cssX,cssY:point.cssY}}srSummary(model){const finite=model.items.filter(it=>it.value!==null);if(finite.length===0)return"Pictorial chart, no data";return`Pictorial chart, ${finite.length} categories. Max ${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 context={seriesIndex:0,pointIndex:hit.index,index:hit.index,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX:hit.index,dataY:hit.value,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({index:hit.index,category:hit.category,value:hit.value,fraction:hit.fraction,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category}: ${formatNumber(hit.value)} (${Math.round(hit.fraction*100)}%)`}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-pictorial-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-pictorial-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-pictorial-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:round2(tooltip.pointCssX),y1:round2(tooltip.pointCssY),x2:round2(end.x),y2:round2(end.y),stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","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.handleZoomPointerMove(event))return;if(!this.enableMouseTracking)return;const layout=this.computePictorialLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const index=this.bandIndexAtPoint(layout,cssX,cssY);if(index<0||layout.model.items[index].value===null){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.pictorialHitAtIndex(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 points=layout.icons.filter(icon=>icon.x>=plot.x&&icon.x<=plot.x+plot.width).map(icon=>{const point=this.iconValuePoint(icon,plot);return{cssX:point.cssX,cssY:point.cssY,index:icon.index}});const bands=points.map(point=>({pos:point.cssX,index:point.index}));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-pictorial-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"1"}},showV&&h("div",{class:"sy-pictorial-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-pictorial-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{if(this.consumeSuppressedPlotClick())return;const layout=this.computePictorialLayout();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.bandIndexAtPoint(layout,cssX,cssY);const icon=index>=0?layout.icons.find(entry=>entry.index===index)??null:null;const onSeries=icon!==null&&cssX>=icon.iconRect.x&&cssX<=icon.iconRect.x+icon.iconRect.width&&cssY>=icon.iconRect.y&&cssY<=icon.iconRect.y+icon.iconRect.height;if(index<0||layout.model.items[index].value===null||!onSeries){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.pictorialHitAtIndex(layout,index);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computePictorialLayout();const{cssX,cssY}=this.localPoint(event);const index=this.bandIndexAtPoint(layout,cssX,cssY);if(index<0||layout.model.items[index].value===null)return;this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"pictorial",this.detailForIndex(layout,index,cssX,cssY)))};render(){const pick=pickPictorialEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computePictorialLayout();const zoomSpec=this.zoomSpec();const revealing=(this.shouldInitialAnimation(null)||this.animator.has(REVEAL_KEY))&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromFills!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const animFills=new Map;for(const icon of layout.icons){let fraction=icon.fraction;if(morphing){const from=this.morphFromFills.get(icon.index);if(from!==void 0)fraction=from+(icon.fraction-from)*morph}else if(revealing){fraction=icon.fraction*reveal}animFills.set(icon.index,fraction)}this.displayedFills=animFills;this.lastRenderResult={points:layout.icons.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const trackOpacity=Math.min(1,Math.max(0,Number.isFinite(this.trackOpacity)?this.trackOpacity:.16));const visibleIcons=this.visibleIcons(layout);return h(Host,{key:"1971f10a6f72de585896c73fb29e20bb86a0cb24",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`,touchAction:zoomSpec.enabled&&zoomSpec.pinch?"none":void 0},role:"img","aria-label":this.chartTitle??"Pictorial chart",tabIndex:zoomSpec.enabled&&zoomSpec.keyboard?0:void 0,onKeyDown:this.handleHostKeyDown,"data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{key:"25d75819d04e36af5e4ae46d35a702b4c8e6d27b",class:"sy-pictorial-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible",zIndex:"2"},onPointerDown:this.handleZoomPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},h("defs",{key:"c4778edf163ac791f7150cb28c6530d8d8167ceb"},h("clipPath",{key:"37063996a9e5257273780e38516f30e46d4a6835",id:`sy-pictorial-plot-${this.instanceId}`},h("rect",{key:"808ddde654e64cd3caac373a2dde6c3df2fbbf29",x:round2(layout.plot.x),y:round2(layout.plot.y),width:round2(layout.plot.width),height:round2(layout.plot.height)})),visibleIcons.map(icon=>{const clip=pictorialClipRect(icon.iconRect,animFills.get(icon.index)??icon.fraction);return h("clipPath",{key:`clip-${icon.index}`,id:`sy-pictorial-clip-${this.instanceId}-${icon.index}`},h("rect",{x:round2(clip.x),y:round2(clip.y),width:round2(clip.width),height:round2(clip.height)}))})),h("g",{key:"2fae9b3829e436bff4d9cdffd2f57b82cb0279ee",class:"sy-pictorial-chart__icons","clip-path":`url(#sy-pictorial-plot-${this.instanceId})`},visibleIcons.map(icon=>{const dimmed=this.hoverIndex!==null&&this.hoverIndex!==icon.index;const transform=pictorialIconTransform(icon.iconRect,icon.bounds);return h("g",{key:`icon-${icon.index}`,class:"sy-pictorial-chart__icon","data-icon-index":icon.index,opacity:dimmed?.5:1},trackOpacity>0&&h("path",{class:"sy-pictorial-chart__icon-track",d:icon.path,transform,fill:icon.color,opacity:trackOpacity}),h("g",{"clip-path":`url(#sy-pictorial-clip-${this.instanceId}-${icon.index})`},h("path",{class:"sy-pictorial-chart__icon-fill",d:icon.path,transform,fill:icon.color})))}))),this.renderCrosshair(layout),this.renderZoomOverlay(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{key:"3a6242810722724ed24ad1dfce122e4f76dab978",class:"sy-pictorial-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{key:"685715abe89938e7f0793b9b5c4e0ff42d2a73cf",class:"sy-pictorial-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 axisLine="var(--sy-axis-line-color, rgba(17,24,39,0.42))";const grid="var(--sy-axis-grid-color, rgba(0,0,0,0.06))";const primaryX=frame.xAxes.find(axis=>axis.axis.show)??frame.xAxes[0];return h("div",{class:"sy-pictorial-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-pictorial-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-pictorial-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-pictorial-chart__grid-line",style:{position:"absolute",left:`${plot.x}px`,top:`${outer.y+line.y}px`,width:`${plot.width}px`,height:"1px",background:grid}})),frame.xAxes.map(axis=>this.renderXAxisSlot(layout,axis,axis===primaryX,tickLabel,axisLine)),frame.yAxes.map(axis=>this.renderYAxisSlot(layout,axis,tickLabel,axisLine)))}renderXAxisSlot(layout,axis,primary,tickLabel,axisLine){const{outer,plot}=layout;const top=axis.side==="top";const lineY=outer.y+axis.linePosition;const labelTop=top?lineY-19:lineY+4;const title=axis.axis.show?axis.axis.label||void 0:void 0;const labelClass=`sy-pictorial-chart__axis-label sy-pictorial-chart__axis-label--x${top?" sy-pictorial-chart__axis-label--top":""}`;let labels;if(primary){const decl=resolveAutoAxisLabels({labels:axis.ticks.map(tickLabel),centers:axis.ticks.map(t=>t.position),range:[plot.x,plot.x+plot.width],orientation:top?"top":"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});labels=axis.ticks.map((t,i)=>{if(!decl.visible[i])return null;const rot=decl.rotationDeg>0?{transform:`rotate(-${decl.rotationDeg}deg)`,transformOrigin:top?"bottom center":"top center",whiteSpace:"nowrap"}:{};return h("div",{class:labelClass,"data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${labelTop}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",...rot}},tickLabel(t))})}else{const ticks=thinAxisTicks(axis.ticks,{plotSize:plot.width,orientation:"horizontal",format:tickLabel});labels=ticks.map(t=>h("div",{class:labelClass,"data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${labelTop}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t)))}return[...labels,h("div",{class:"sy-pictorial-chart__axis-line","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${plot.x}px`,top:`${lineY}px`,width:`${plot.width}px`,height:"1px",background:axisLine}}),title?h("div",{class:"sy-pictorial-chart__axis-title sy-pictorial-chart__axis-title--x","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${plot.x}px`,top:`${top?lineY-36:lineY+22}px`,width:`${plot.width}px`,textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},title):null]}renderYAxisSlot(layout,axis,tickLabel,axisLine){const{outer,plot}=layout;const right=axis.side==="right";const lineX=outer.x+axis.linePosition;const ticks=thinAxisTicks(axis.ticks,{plotSize:plot.height,orientation:"vertical",format:tickLabel});const title=axis.axis.show?axis.axis.label||void 0:void 0;return[...ticks.map(t=>h("div",{class:`sy-pictorial-chart__axis-label sy-pictorial-chart__axis-label--y${right?" sy-pictorial-chart__axis-label--right":""}`,"data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${right?lineX+6:lineX-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:right?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),h("div",{class:"sy-pictorial-chart__axis-line","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${lineX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:axisLine}}),title?h("div",{class:"sy-pictorial-chart__axis-title","data-axis-key":axis.key,"data-side":axis.side,style:{position:"absolute",left:`${right?lineX+54:lineX-68}px`,top:`${right?plot.y:plot.y+plot.height}px`,width:`${plot.height}px`,transform:right?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},title):null]}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"pictorial"})}static get is(){return"sy-pictorial-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-pictorial-chart.scss"]}}static get styleUrls(){return{"$":["sy-pictorial-chart.css"]}}static get properties(){return{"values":{"type":"unknown","mutable":true,"complexType":{"original":"PictorialChartValues","resolved":"Float32Array<ArrayBufferLike> | number[]","references":{"PictorialChartValues":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartValues","referenceLocation":"PictorialChartValues"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"new Float32Array(0)"},"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},"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":"'#2563eb'"},"paths":{"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},"iconPadding":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"icon-padding","defaultValue":"0.1"},"trackOpacity":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"track-opacity","defaultValue":"0.16"},"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"},"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 | 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":"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"},"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"},"zoom":{"type":"any","mutable":false,"complexType":{"original":"CartesianZoomInput","resolved":'"auto" | "false" | "inside" | "off" | "true" | "x" | "xy" | "y" | Partial<Omit<CartesianZoomSpec, "wheel" | "pan">> & { pan?: CartesianZoomPanInput; wheel?: CartesianZoomWheelInput; } | boolean',"references":{"CartesianZoomInput":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomInput","referenceLocation":"CartesianZoomInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"zoom"},"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"},"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: PictorialChartPointerEventDetail) => string","resolved":"(detail: PictorialChartPointerEventDetail) => string","references":{"PictorialChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartPointerEventDetail","referenceLocation":"PictorialChartPointerEventDetail"}}},"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":"PictorialChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"PictorialChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartEasing","referenceLocation":"PictorialChartEasing"}}},"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":"PictorialChartAnimationType","resolved":'"initial" | "update"',"references":{"PictorialChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartAnimationType","referenceLocation":"PictorialChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"PictorialChartStreamSource","resolved":"PictorialChartStreamSource","references":{"PictorialChartStreamSource":{"location":"import","path":"./core/pictorial-stream-source","id":"src/components/chart/pictorial-chart/core/pictorial-stream-source.ts::PictorialChartStreamSource","referenceLocation":"PictorialChartStreamSource"}}},"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":"PictorialChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"PictorialChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartEngineMode","referenceLocation":"PictorialChartEngineMode"}}},"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":"PictorialChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"PictorialChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartUnavailableBehaviour","referenceLocation":"PictorialChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"fallbackReason":{},"cartesianTooltip":{},"cartesianTooltips":{},"srAnnouncement":{},"animationTick":{},"hoverIndex":{},"cursor":{},"zoomState":{},"zoomSelection":{}}}static get events(){return[{"method":"rendered","name":"rendered","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"PictorialChartRenderResult & { tier: PictorialChartEngineTier }","resolved":"PictorialChartRenderResult & { tier: PictorialChartEngineTier; }","references":{"PictorialChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartRenderResult","referenceLocation":"PictorialChartRenderResult"},"PictorialChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartEngineTier","referenceLocation":"PictorialChartEngineTier"}}}},{"method":"pointClick","name":"pointClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"PictorialChartPointerEventDetail","resolved":"PictorialChartPointerEventDetail","references":{"PictorialChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartPointerEventDetail","referenceLocation":"PictorialChartPointerEventDetail"}}}},{"method":"pointHover","name":"pointHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"PictorialChartPointerEventDetail | null","resolved":"PictorialChartPointerEventDetail","references":{"PictorialChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartPointerEventDetail","referenceLocation":"PictorialChartPointerEventDetail"}}}},{"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<PictorialChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<PictorialChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"PictorialChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartPointerEventDetail","referenceLocation":"PictorialChartPointerEventDetail"}}}},{"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":"zoomChange","name":"zoomChange","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianZoomChangeEventDetail","resolved":"CartesianZoomChangeEventDetail","references":{"CartesianZoomChangeEventDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomChangeEventDetail","referenceLocation":"CartesianZoomChangeEventDetail"}}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<PictorialChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartRenderResult","referenceLocation":"PictorialChartRenderResult"}},"return":"Promise<PictorialChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<PictorialChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartEngineTier","referenceLocation":"PictorialChartEngineTier"}},"return":"Promise<PictorialChartEngineTier>"},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(values: PictorialChartValues) => Promise<void>","parameters":[{"name":"values","type":"Float32Array<ArrayBufferLike> | number[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartValues":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartValues","referenceLocation":"PictorialChartValues"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(datum: PictorialBarDatum | number) => Promise<void>","parameters":[{"name":"datum","type":"number | PictorialBarDatum","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialBarDatum":{"location":"import","path":"./core/pictorial-stream-source","id":"src/components/chart/pictorial-chart/core/pictorial-stream-source.ts::PictorialBarDatum","referenceLocation":"PictorialBarDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(data: ReadonlyArray<PictorialBarDatum | number>) => Promise<void>","parameters":[{"name":"data","type":"readonly (number | PictorialBarDatum)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"PictorialBarDatum":{"location":"import","path":"./core/pictorial-stream-source","id":"src/components/chart/pictorial-chart/core/pictorial-stream-source.ts::PictorialBarDatum","referenceLocation":"PictorialBarDatum"}},"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<PictorialBarDatum | number>) => Promise<void>","parameters":[{"name":"data","type":"readonly (number | PictorialBarDatum)[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"PictorialBarDatum":{"location":"import","path":"./core/pictorial-stream-source","id":"src/components/chart/pictorial-chart/core/pictorial-stream-source.ts::PictorialBarDatum","referenceLocation":"PictorialBarDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<PictorialChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartStreamSource":{"location":"import","path":"./core/pictorial-stream-source","id":"src/components/chart/pictorial-chart/core/pictorial-stream-source.ts::PictorialChartStreamSource","referenceLocation":"PictorialChartStreamSource"}},"return":"Promise<PictorialChartStreamSource>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: PictorialChartEasing; enabled?: boolean; type?: PictorialChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: PictorialChartEasing; enabled?: boolean; type?: PictorialChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartEasing","referenceLocation":"PictorialChartEasing"},"PictorialChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartAnimationType","referenceLocation":"PictorialChartAnimationType"}},"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<PictorialChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"PictorialChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/pictorial-chart/core/types.ts::PictorialChartPointerEventDetail","referenceLocation":"PictorialChartPointerEventDetail"}},"return":"Promise<PictorialChartPointerEventDetail>"},"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:[]}},"zoomTo":{"complexType":{"signature":"(request: CartesianZoomRequest) => Promise<CartesianZoomChangeEventDetail | null>","parameters":[{"name":"request","type":"CartesianZoomRequest","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomChangeEventDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomChangeEventDetail","referenceLocation":"CartesianZoomChangeEventDetail"},"CartesianZoomRequest":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomRequest","referenceLocation":"CartesianZoomRequest"}},"return":"Promise<CartesianZoomChangeEventDetail>"},"docs":{text:"",tags:[]}},"zoomBy":{"complexType":{"signature":"(factor: number, anchorFraction?: number) => Promise<CartesianZoomChangeEventDetail | null>","parameters":[{"name":"factor","type":"number","docs":{text:"",tags:[]}},{"name":"anchorFraction","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomChangeEventDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomChangeEventDetail","referenceLocation":"CartesianZoomChangeEventDetail"}},"return":"Promise<CartesianZoomChangeEventDetail>"},"docs":{text:"",tags:[]}},"panBy":{"complexType":{"signature":"(delta: { x?: number; y?: number; }) => Promise<CartesianZoomChangeEventDetail | null>","parameters":[{"name":"delta","type":"{ x?: number; y?: number; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomChangeEventDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomChangeEventDetail","referenceLocation":"CartesianZoomChangeEventDetail"}},"return":"Promise<CartesianZoomChangeEventDetail>"},"docs":{text:"",tags:[]}},"resetZoom":{"complexType":{"signature":"() => Promise<CartesianZoomChangeEventDetail | null>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomChangeEventDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomChangeEventDetail","referenceLocation":"CartesianZoomChangeEventDetail"}},"return":"Promise<CartesianZoomChangeEventDetail>"},"docs":{text:"",tags:[]}},"getZoom":{"complexType":{"signature":"() => Promise<CartesianZoomState | null>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomState":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomState","referenceLocation":"CartesianZoomState"}},"return":"Promise<CartesianZoomState>"},"docs":{text:"",tags:[]}},"getZoomExtent":{"complexType":{"signature":"(request?: CartesianZoomExtentRequest) => Promise<CartesianZoomExtentDetail | null>","parameters":[{"name":"request","type":"CartesianZoomExtentRequest","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomExtentDetail":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomExtentDetail","referenceLocation":"CartesianZoomExtentDetail"},"CartesianZoomExtentRequest":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomExtentRequest","referenceLocation":"CartesianZoomExtentRequest"}},"return":"Promise<CartesianZoomExtentDetail>"},"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":"values","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":"color","methodName":"handleVisualChange"},{"propName":"paths","methodName":"handleVisualChange"},{"propName":"iconPadding","methodName":"handleVisualChange"},{"propName":"trackOpacity","methodName":"handleVisualChange"},{"propName":"valueAxisLabel","methodName":"handleVisualChange"},{"propName":"xAxis","methodName":"handleVisualChange"},{"propName":"yAxis","methodName":"handleVisualChange"},{"propName":"gridLines","methodName":"handleVisualChange"},{"propName":"xLabelMode","methodName":"handleVisualChange"},{"propName":"xLabelRotation","methodName":"handleVisualChange"},{"propName":"xLabelMaxCount","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"}]}}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}function round2(v){return Math.round(v*100)/100}

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

@@ -0,0 +1 @@
+export function applyEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createPieAnimator(){const entries=new Map;function elapsed(entry,now){const delay=Math.max(0,Number(entry.delay)||0);if(entry.startedAt<0)return Math.max(0,entry.pausedElapsed-delay);if(entry.paused)return Math.max(0,entry.pausedElapsed-delay);return Math.max(0,now-entry.startedAt+entry.pausedElapsed-delay)}function rawProgressOf(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,partial){entries.set(key,{phase:partial.phase,startedAt:-1,pausedElapsed:0,paused:false,easing:partial.easing,duration:Math.max(0,partial.duration),delay:Math.max(0,Number(partial.delay)||0),from:partial.from,to:partial.to,onComplete:partial.onComplete})},valueAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const raw=rawProgressOf(entry,now);const eased=applyEasing(raw,entry.easing);let sweepProgress=1;let selectScale=0;let opacity=1;if(entry.phase==="enter")sweepProgress=eased;else if(entry.phase==="exit"){sweepProgress=1-eased;opacity=1-eased}else if(entry.phase==="select")selectScale=eased;else if(entry.phase==="deselect")selectScale=1-eased;const from=entry.from??0;const to=entry.to??1;const value=from+(to-from)*eased;return{phase:entry.phase,rawProgress:raw,easedProgress:eased,sweepProgress,selectScale,opacity,value}},tick(now){const completed=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgressOf(entry,now)>=1)completed.push({key,entry})}for(const{key,entry}of completed){entries.delete(key);if(typeof entry.onComplete==="function"){try{entry.onComplete(key)}catch(err){console.warn("[Syidax] sy-pie-chart animator onComplete threw:",err)}}}},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/pie-chart/core/pie-chart-core.js

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

package/dist/collection/components/chart/pie-chart/core/pie-flip.js

@@ -0,0 +1 @@
+export function diffPieFlip(options){const prevById=new Map;for(const s of options.prev)prevById.set(s.id,s);const nextById=new Map;for(const s of options.next)nextById.set(s.id,s);const plans=[];for(const n of options.next){const p=prevById.get(n.id);if(p){plans.push({id:n.id,kind:"update",fromStart:p.startAngle,fromSweep:p.sweep,toStart:n.startAngle,toSweep:n.sweep,fromRadius:p.radius,toRadius:n.radius})}else{plans.push({id:n.id,kind:"enter",fromStart:n.startAngle,fromSweep:0,toStart:n.startAngle,toSweep:n.sweep,fromRadius:n.radius,toRadius:n.radius})}}for(const p of options.prev){if(!nextById.has(p.id)){plans.push({id:p.id,kind:"exit",fromStart:p.startAngle,fromSweep:p.sweep,toStart:p.startAngle,toSweep:0,fromRadius:p.radius,toRadius:p.radius})}}return plans}export function interpolateFlip(plan,easedT){const t=easedT;let radius;if(plan.fromRadius!==void 0&&plan.toRadius!==void 0){radius=plan.fromRadius+(plan.toRadius-plan.fromRadius)*t}else{radius=plan.toRadius??plan.fromRadius}return{startAngle:plan.fromStart+(plan.toStart-plan.fromStart)*t,sweep:plan.fromSweep+(plan.toSweep-plan.fromSweep)*t,radius}}