@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/cjs/sy-marimekko-chart.cjs.entry.js

@@ -0,0 +1 @@
+"use strict";var index=require("./index-CKeHnO3Q.js");var safeFormatter=require("./safe-formatter-B0DDURao.js");var pointContextMenu=require("./point-context-menu-CWB4nv9m.js");var chartStreamingGate=require("./chart-streaming-gate-DX4tlXCx.js");var cartesianFrameInteraction=require("./cartesian-frame-interaction-w1OfXe9B.js");var autoLabels=require("./auto-labels-biCCU4IR.js");var streamInterp=require("./stream-interp-CVi5SGFf.js");var legend=require("./legend-CbjQG1uh.js");var chartBrand=require("./chart-brand-CEKOnWyE.js");var cartesianContract=require("./cartesian-contract-BVApIzMy.js");var scheme=require("./scheme-KzZHS7kW.js");var resolve=require("./resolve-Cti85ZtE.js");var connector=require("./connector-8ebOKxbI.js");var standardEngineStatus=require("./standard-engine-status-C4zMZsEh.js");require("./chart-license-bridge-DAODso1A.js");require("./errors-DNua3ZWy.js");require("./zoom-window-oCyi6HPg.js");require("./brand-mark-default-DvQHU2qS.js");function clampValue(value){const v=typeof value==="bigint"?Number(value):value;return typeof v==="number"&&Number.isFinite(v)&&v>0?v:0}function computeMarimekkoModel(series,categories){const list=Array.isArray(series)?series:[];const columnCount=list.reduce((max,s)=>Math.max(max,s.values?.length??0),categories?.length??0);const cleanedSeries=list.map(s=>{const values=new Array(columnCount);for(let c=0;c<columnCount;c++)values[c]=clampValue(s.values?.[c]);return{name:s.name??"",color:s.color,values}});const columns=[];let grandTotal=0;for(let c=0;c<columnCount;c++){let total=0;for(const s of cleanedSeries)total+=s.values[c];grandTotal+=total;columns.push({index:c,category:categories?.[c]??String(c+1),total})}return{series:cleanedSeries,columns,grandTotal,columnCount,seriesCount:cleanedSeries.length}}function marimekkoCells(model,plot,gap=.01){const cells=[];if(model.grandTotal<=0||model.columnCount===0)return cells;const pad=Math.max(0,Math.min(.3,gap));let cursorX=plot.x;for(const col of model.columns){const slotW=col.total/model.grandTotal*plot.width;const padPx=slotW*pad;const x=cursorX+padPx/2;const width=Math.max(0,slotW-padPx);const columnCenterX=cursorX+slotW/2;cursorX+=slotW;if(col.total<=0)continue;let cursorY=plot.y;for(let s=0;s<model.series.length;s++){const value=model.series[s].values[col.index];const shareOfColumn=col.total>0?value/col.total:0;const segH=shareOfColumn*plot.height;cells.push({columnIndex:col.index,seriesIndex:s,category:col.category,seriesName:model.series[s].name,value,shareOfColumn,shareOfTotal:model.grandTotal>0?value/model.grandTotal:0,rect:{x,y:cursorY,width,height:segH},columnCenterX,columnWidth:slotW});cursorY+=segH}}return cells}function marimekkoCellAtPoint(model,plot,cssX,cssY){if(model.grandTotal<=0)return null;if(cssX<plot.x||cssX>plot.x+plot.width)return null;if(cssY<plot.y||cssY>plot.y+plot.height)return null;let cursorX=plot.x;for(const col of model.columns){const slotW=col.total/model.grandTotal*plot.width;if(cssX>=cursorX&&cssX<=cursorX+slotW){if(col.total<=0)return null;let cursorY=plot.y;for(let s=0;s<model.series.length;s++){const segH=model.series[s].values[col.index]/col.total*plot.height;if(cssY>=cursorY&&cssY<=cursorY+segH)return{columnIndex:col.index,seriesIndex:s};cursorY+=segH}return{columnIndex:col.index,seriesIndex:Math.max(0,model.series.length-1)}}cursorX+=slotW}return null}function pickMarimekkoEngine(options){if(options.requested==="pro"){const reason="no GPU marimekko renderer exists";if(pointContextMenu.normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-marimekko-chart: Pro engine is unavailable — no GPU marimekko renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-marimekko-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyMarimekkoEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createMarimekkoAnimator(){const entries=new Map;function elapsed(e,now){if(e.startedAt<0)return e.pausedElapsed;if(e.paused)return e.pausedElapsed;return Math.max(0,now-e.startedAt+e.pausedElapsed)}function rawProgress(e,now){if(e.duration<=0)return 1;return clamp01(elapsed(e,now)/e.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const e=entries.get(key);if(!e)return void 0;if(e.startedAt<0&&!e.paused)e.startedAt=now;return applyMarimekkoEasing(rawProgress(e,now),e.easing)},has(key){return entries.has(key)},isActive(key,now){const e=entries.get(key);if(!e)return false;if(e.paused)return true;return rawProgress(e,now)<1},tick(now){const done=[];for(const[key,e]of entries){if(e.startedAt<0&&!e.paused)e.startedAt=now;if(e.paused)continue;if(rawProgress(e,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const e of entries.values()){if(e.paused)continue;if(e.startedAt>=0)e.pausedElapsed+=now-e.startedAt;e.paused=true}},resumeAll(now){for(const e of entries.values()){if(!e.paused)continue;e.startedAt=now;e.paused=false}},hasActive(){for(const e of entries.values())if(!e.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}function createMarimekkoStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function toDatum(input){if(input&&typeof input==="object"&&Array.isArray(input.values)){return{category:input.category,values:input.values.map(v=>Number.isFinite(v)?v:0)}}return void 0}const syMarimekkoChartCss=()=>`.sc-sy-marimekko-chart-h{display:inline-block;position:relative}.sy-marimekko-chart__surface.sc-sy-marimekko-chart{display:block}.sy-marimekko-chart__cell.sc-sy-marimekko-chart{transition:opacity 120ms ease}.sy-marimekko-chart__tooltip.sc-sy-marimekko-chart,.sy-marimekko-chart__legend.sc-sy-marimekko-chart,.sy-marimekko-chart__col-labels.sc-sy-marimekko-chart{pointer-events:none}.sy-marimekko-chart__sr-only.sc-sy-marimekko-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-marimekko-chart__watermark.sc-sy-marimekko-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}const SyMarimekkoChart=class{constructor(hostRef){index.registerInstance(this,hostRef);this.rendered=index.createEvent(this,"rendered",7);this.pointClick=index.createEvent(this,"pointClick",7);this.pointHover=index.createEvent(this,"pointHover",7);this.crosshairMove=index.createEvent(this,"crosshairMove",7);this.pointContextMenu=index.createEvent(this,"pointContextMenu",7);this.tooltipShow=index.createEvent(this,"tooltipShow",7);this.tooltipHide=index.createEvent(this,"tooltipHide",7);this.tooltipAction=index.createEvent(this,"tooltipAction",7);this.seriesOutsideClick=index.createEvent(this,"seriesOutsideClick",7);this.legendItemClick=index.createEvent(this,"legendItemClick",7);this.seriesToggled=index.createEvent(this,"seriesToggled",7);this.appended=index.createEvent(this,"appended",7);this.windowSlid=index.createEvent(this,"windowSlid",7);this.chartAnimationStart=index.createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=index.createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=index.createEvent(this,"chartAnimationInterrupted",7)}get host(){return index.getElement(this)}series=[];categories;width=680;height=380;brandLogo;brandPosition="bottom-right";columnGap=.01;showColumnShare=true;xLabelMode;xLabelRotation;xLabelMaxCount;color="#2563eb";valueAxisLabel;gridLines;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverKey=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createMarimekkoAnimator();animationFrameHandle=null;morphActive=false;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new chartStreamingGate.ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingGate.chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenSeries;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromSeries;lastStreamTime;firstRender=true;displayedCells=new Map;morphFromCells;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(series){this.series=series}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.computeMarimekkoLayout();const hit=marimekkoCellAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit)return null;return this.detailFor(layout,hit.columnIndex,hit.seriesIndex,cssX,cssY)}async showTooltipAtPoint(columnIndex,seriesIndex=0){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeMarimekkoLayout();const hit=this.marimekkoHitAtCell(layout,columnIndex,seriesIndex);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverKey=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}computeMarimekkoLayout(){const model=computeMarimekkoModel(this.visibleSeries(this.streamSeries()??this.series),this.categories);const legend2=this.legend&&this.series.length>0?this.buildLegendLayout():null;const remainingOuter=this.outerRectFromLegend(legend2);const labelBand=20;const outer={x:remainingOuter.x,y:remainingOuter.y,width:remainingOuter.width,height:Math.max(1,remainingOuter.height-labelBand)};const axes=cartesianContract.resolveCartesianAxesSpec({kind:"category",position:"bottom",show:false,categories:model.columns.map(c=>c.category)},{kind:"linear",position:"left",show:true,min:0,max:100,label:this.valueAxisLabel,format:v=>`${Math.round(v)}%`});const frame=cartesianFrameInteraction.computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:cartesianContract.resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,model.columnCount-.5)},yExtent:{min:0,max:100}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const cells=marimekkoCells(model,plot,this.columnGap);return{model,outer,plot,frame,cells,legend:legend2}}outerRectFromLegend(legend2){if(!legend2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const r=legend2.remainingOuter;return{x:r.x,y:r.y,width:Math.max(1,r.width),height:Math.max(1,r.height)}}buildLegendLayout(){const items=this.series.map((s,i)=>({label:s.name??String(i),swatchColor:this.segColor(i,s.color),swatchShape:"circle",id:this.seriesId(s,i),disabled:this.legendDisabled.has(this.seriesId(s,i))}));const direction=this.legendPosition==="left"||this.legendPosition==="right"?"vertical":"horizontal";return legend.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})}basePalette(){const scheme$1=scheme.categorical.tableau10;return scheme.discretize(scheme$1,Math.max(scheme$1.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}segColor(index2,explicit){if(explicit)return explicit;const palette=this.basePalette();const list=resolve.resolveColorList(this.color,Math.max(this.series.length,index2+1),[],palette);return list[index2]??palette[index2%palette.length]??"#2563eb"}seriesId(s,i){return s.name??String(i)}resolveSeriesIndex(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<this.series.length?idx:-1}return this.series.findIndex(s=>(s.name??"")===idOrIndex)}visibleSeries(source){const out=[];for(let i=0;i<source.length;i++){const s=source[i];if(this.legendDisabled.has(this.seriesId(s,i)))continue;out.push({...s,color:this.segColor(i,s.color)})}return out}toggleSeries(seriesId,index2){const next=new Set(this.legendDisabled);if(next.has(seriesId))next.delete(seriesId);else next.add(seriesId);this.legendDisabled=next;const disabled=next.has(seriesId);const label=this.series[index2]?.name??seriesId;this.legendItemClick.emit({index:index2,seriesId,label,disabled});this.seriesToggled.emit({index:index2,seriesId,disabled})}async addSeries(series,opts){const next=this.series.slice();const at=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.floor(opts.insertAt):next.length;next.splice(at,0,series);this.series=next;if(opts?.redraw!==false)this.redrawNow();return at}async removeSeries(idOrIndex,opts){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const removedId=this.seriesId(this.series[idx],idx);const next=this.series.slice();next.splice(idx,1);this.series=next;if(this.legendDisabled.has(removedId)){const disabled=new Set(this.legendDisabled);disabled.delete(removedId);this.legendDisabled=disabled}if(opts?.redraw!==false)this.redrawNow();return true}async updateSeries(idOrIndex,patch,opts){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next[idx]={...next[idx],...patch};this.series=next;if(opts?.redraw!==false)this.redrawNow();return true}async setSeriesData(idOrIndex,values,opts){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const next=this.series.slice();next[idx]={...next[idx],values};this.series=next;if(opts?.redraw!==false)this.redrawNow();return true}async showSeries(idOrIndex,opts){return this.updateSeriesVisible(idOrIndex,true,opts)}async hideSeries(idOrIndex,opts){return this.updateSeriesVisible(idOrIndex,false,opts)}updateSeriesVisible(idOrIndex,visible,opts){const idx=this.resolveSeriesIndex(idOrIndex);if(idx<0)return false;const seriesId=this.seriesId(this.series[idx],idx);const next=new Set(this.legendDisabled);if(visible)next.delete(seriesId);else next.add(seriesId);this.legendDisabled=next;this.seriesToggled.emit({index:idx,seriesId,disabled:next.has(seriesId)});if(opts?.redraw!==false)this.redrawNow();return true}redrawNow(){this.animationTick++}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=false;this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.morphActive=true;this.animator.clear();this.morphFromCells=new Map(this.displayedCells);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.morphActive=false;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createMarimekkoStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const model=computeMarimekkoModel(this.series,this.categories);return model.columns.map(col=>({category:col.category,values:model.series.map(s=>s.values[col.index])}))}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=>toDatum(d)).filter(d=>d!==void 0);const{list,event}=chartStreamingGate.applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(chartStreamingGate.plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenSeries=this.series;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.series!==this.streamFrozenSeries&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenSeries=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const names=this.series.map(s=>({name:s.name,color:s.color}));const segCount=Math.max(names.length,snapshot.reduce((m,c)=>Math.max(m,c.values.length),0));const series=[];for(let s=0;s<segCount;s++){series.push({name:names[s]?.name??`Segment ${s+1}`,color:names[s]?.color,values:snapshot.map(col=>col.values[s]??0)})}const categories=snapshot.map((c,i)=>c.category??String(i+1));const animate=this.shouldAnimate()&&this.series.length>0&&series.length>0;if(animate){const now=this.now();const dur=streamInterp.capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromSeries=series.map((_,s)=>this.currentStreamSeries(s));this.suppressNextValuesAnimation=true;this.categories=categories;this.series=series;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.categories=categories;this.series=series}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamSeries(s){const target=Float32Array.from(this.series[s]?.values??[]);if(this.animator.has(STREAM_KEY)&&this.streamFromSeries?.[s]){return streamInterp.lerpStreamWindow(this.streamFromSeries[s],target,this.animator.progressAt(STREAM_KEY,this.now())??1)}return target}streamSeries(){if(!(this.animator.has(STREAM_KEY)&&this.streamFromSeries))return null;const t=this.animator.progressAt(STREAM_KEY,this.now())??1;return this.series.map((seg,s)=>{const from=this.streamFromSeries[s];if(!from)return seg;return{...seg,values:Array.from(streamInterp.lerpStreamWindow(from,Float32Array.from(seg.values),t))}})}detailFor(layout,columnIndex,seriesIndex,cssX,cssY){const col=layout.model.columns[columnIndex];const value=layout.model.series[seriesIndex]?.values[columnIndex]??0;return{columnIndex,seriesIndex,category:col?.category??"",seriesName:layout.model.series[seriesIndex]?.name??"",value,shareOfColumn:col&&col.total>0?value/col.total:0,shareOfTotal:layout.model.grandTotal>0?value/layout.model.grandTotal:0,cssX,cssY}}resolveTooltipSpec(){const spec=cartesianContract.resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}marimekkoHitAtCell(layout,columnIndex,seriesIndex){const ci=Math.trunc(columnIndex);const si=Math.trunc(seriesIndex);const cell=layout.cells.find(c=>c.columnIndex===ci&&c.seriesIndex===si);if(!cell)return null;return{columnIndex:ci,seriesIndex:si,category:cell.category,seriesName:cell.seriesName,value:cell.value,shareOfColumn:cell.shareOfColumn,cssX:cell.rect.x+cell.rect.width/2,cssY:cell.rect.y}}srSummary(model){if(model.columnCount===0||model.seriesCount===0)return"Marimekko chart, no data";return`Marimekko chart, ${model.columnCount} columns × ${model.seriesCount} segments. Column widths are proportional to each column's total; segments fill 100% of each column.`}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.columnIndex;const dataY=hit.value;const context={seriesIndex:hit.seriesIndex,pointIndex:hit.columnIndex,index:hit.columnIndex,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchor=cartesianFrameInteraction.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=safeFormatter.safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeFormatter.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({columnIndex:hit.columnIndex,seriesIndex:hit.seriesIndex,category:hit.category,seriesName:hit.seriesName,value:hit.value,shareOfColumn:hit.shareOfColumn,shareOfTotal:0,cssX:hit.cssX,cssY:hit.cssY})}catch(error){safeFormatter.reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category} — ${hit.seriesName}: ${formatNumber(hit.value)} (${Math.round(hit.shareOfColumn*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 index.h("div",{class:tooltipClassName("sy-marimekko-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 index.h("div",{class:tooltipClassName("sy-marimekko-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 index.h("svg",{class:"sy-marimekko-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$1=tooltip.connector;const end=connector.tooltipConnectorEnd(tooltip);return index.h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector$1.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector$1.width??1,"stroke-dasharray":connector$1.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=connector.computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`${hit.seriesIndex}:${hit.columnIndex}`}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.columnIndex&&(tooltip.context.seriesIndex??0)===hit.seriesIndex;if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeMarimekkoLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const hit=marimekkoCellAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit){if(this.hoverKey!==null){this.hoverKey=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}const key=`${hit.columnIndex}:${hit.seriesIndex}`;if(key!==this.hoverKey){this.hoverKey=key;this.pointHover.emit(this.detailFor(layout,hit.columnIndex,hit.seriesIndex,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const cellHit=this.marimekkoHitAtCell(layout,hit.columnIndex,hit.seriesIndex);if(cellHit)this.showTooltipForHit(layout,cellHit,tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverKey!==null)this.pointHover.emit(null);this.hoverKey=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};updateCrosshair(layout,cssX,cssY){const spec=cartesianContract.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=[];const seen=new Set;for(const cell of layout.cells){if(seen.has(cell.columnIndex))continue;seen.add(cell.columnIndex);bands.push({pos:cell.columnCenterX,index:cell.columnIndex})}const points=layout.cells.map(cell=>({cssX:cell.columnCenterX,cssY:cell.rect.y+cell.rect.height/2,index:cell.columnIndex}));const snap=autoLabels.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=cartesianContract.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 index.h("div",{class:"sy-marimekko-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&index.h("div",{class:"sy-marimekko-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&&index.h("div",{class:"sy-marimekko-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.computeMarimekkoLayout();const{cssX,cssY}=this.localPoint(event);const hit=marimekkoCellAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit){const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(this.hasVisibleTooltips())this.clearTooltips();if(inside)this.seriesOutsideClick.emit({cssX,cssY});return}this.pointClick.emit(this.detailFor(layout,hit.columnIndex,hit.seriesIndex,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const cellHit=this.marimekkoHitAtCell(layout,hit.columnIndex,hit.seriesIndex);if(cellHit)this.showTooltipForHit(layout,cellHit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computeMarimekkoLayout();const{cssX,cssY}=this.localPoint(event);const hit=marimekkoCellAtPoint(layout.model,layout.plot,cssX,cssY);if(!hit)return;this.pointContextMenu.emit(pointContextMenu.buildChartPointContextMenuDetail(event,this.host,"marimekko",this.detailFor(layout,hit.columnIndex,hit.seriesIndex,cssX,cssY)))};render(){const pick=pickMarimekkoEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeMarimekkoLayout();const revealing=this.animator.has(REVEAL_KEY)&&!this.morphActive;const morphing=this.morphActive&&this.animator.has(MORPH_KEY)&&this.morphFromCells!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const plotBottom=layout.plot.y+layout.plot.height;const animCells=new Map;for(const cell of layout.cells){const key=`${cell.columnIndex}:${cell.seriesIndex}`;let y=cell.rect.y;let height=cell.rect.height;if(morphing){const from=this.morphFromCells.get(key);if(from){y=from.y+(cell.rect.y-from.y)*morph;height=from.height+(cell.rect.height-from.height)*morph}}else if(revealing){y=plotBottom-(plotBottom-cell.rect.y)*reveal;height=cell.rect.height*reveal}animCells.set(key,{y,height})}this.displayedCells=animCells;this.lastRenderResult={points:layout.cells.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const labelColumns=[];const labelSeen=new Set;for(const cell of layout.cells){if(labelSeen.has(cell.columnIndex))continue;labelSeen.add(cell.columnIndex);labelColumns.push(cell)}const colShare=columnIndex=>layout.model.grandTotal>0?layout.model.columns[columnIndex].total/layout.model.grandTotal*100:0;const colLabelText=cell=>`${cell.category}${this.showColumnShare?` (${Math.round(colShare(cell.columnIndex))}%)`:""}`;const colLabelIndex=new Map(labelColumns.map((c,i)=>[c.columnIndex,i]));const colLabelDecl=autoLabels.resolveAutoAxisLabels({labels:labelColumns.map(colLabelText),centers:labelColumns.map(c=>c.columnCenterX),orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});const seenColumn=new Set;return index.h(index.Host,{key:"bd56d5e7acbe1bd12b5596432b3d2b4716e0538c",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"figure","aria-label":this.chartTitle??"Marimekko chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),index.h("svg",{key:"a475d7aa0d44acdaf3fc62a0a779c4434efd882c",class:"sy-marimekko-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},index.h("g",{key:"0faa371d898a44d559d004198de74e994bf3bd2d",class:"sy-marimekko-chart__cells"},layout.cells.map(cell=>{const{y,height:cellH}=animCells.get(`${cell.columnIndex}:${cell.seriesIndex}`);const active=this.hoverKey===`${cell.columnIndex}:${cell.seriesIndex}`;return index.h("rect",{key:`c-${cell.columnIndex}-${cell.seriesIndex}`,class:"sy-marimekko-chart__cell",x:round2(cell.rect.x),y:round2(y),width:round2(cell.rect.width),height:round2(Math.max(0,cellH)),fill:this.segColor(cell.seriesIndex,layout.model.series[cell.seriesIndex].color),stroke:"#ffffff","stroke-width":1,opacity:this.hoverKey===null||active?1:.78})}))),this.renderCrosshair(layout),layout.cells.length>0&&index.h("div",{key:"3caaae0812a5487bf293789a1feb180a5ed62790",class:"sy-marimekko-chart__col-labels","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},layout.cells.map(cell=>{if(seenColumn.has(cell.columnIndex))return null;seenColumn.add(cell.columnIndex);const declIndex=colLabelIndex.get(cell.columnIndex);if(!colLabelDecl.visible[declIndex])return null;const rotate=colLabelDecl.rotationDeg>0;return index.h("div",{key:`cl-${cell.columnIndex}`,style:{position:"absolute",left:`${cell.columnCenterX-40}px`,top:`${plotBottom+4}px`,width:"80px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",transform:rotate?`rotate(${colLabelDecl.rotationDeg}deg)`:void 0,transformOrigin:"top center"}},colLabelText(cell))})),this.legend&&this.renderLegend(layout),this.renderTooltipConnector(),this.renderTooltip(),index.h("span",{key:"98add9e46560da162b842bc965632f4f746a6094",class:"sy-marimekko-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&index.h("span",{key:"90fe347da24255df5ee559f416f55d164eb4f971",class:"sy-marimekko-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),chartBrand.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);return index.h("div",{class:"sy-marimekko-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&&index.h("div",{class:"sy-marimekko-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&&index.h("div",{class:"sy-marimekko-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=>index.h("div",{class:"sy-marimekko-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.yTicks.map(t=>index.h("div",{class:"sy-marimekko-chart__axis-label sy-marimekko-chart__axis-label--y",style:{position:"absolute",left:`${plot.x-48}px`,top:`${outer.y+t.position-7}px`,width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),index.h("div",{class:"sy-marimekko-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(layout){const legend2=layout.legend;if(!legend2?.legendRect)return null;const rect=legend2.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";return index.h("div",{class:"sy-marimekko-chart__legend",style:{position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",flexDirection:vertical?"column":"row",flexWrap:"wrap",gap:"14px",justifyContent:"center",alignItems:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto"}},this.series.map((s,i)=>{const seriesId=this.seriesId(s,i);const disabled=this.legendDisabled.has(seriesId);return index.h("button",{key:`lg-${seriesId}`,type:"button",class:{"sy-marimekko-chart__legend-item":true,"sy-marimekko-chart__legend-item--disabled":disabled},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"400 12px system-ui, sans-serif",color:"inherit",opacity:disabled?"0.4":"1",textDecoration:disabled?"line-through":"none"},onClick:()=>this.toggleSeries(seriesId,i)},index.h("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:this.segColor(i,s.color)}}),index.h("span",{class:"sy-marimekko-chart__legend-label"},s.name??seriesId))}))}async getEngineStatus(){return standardEngineStatus.standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"marimekko"})}static get watchers(){return{"series":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"columnGap":[{"handleVisualChange":0}],"showColumnShare":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"legend":[{"handleVisualChange":0}],"legendPosition":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}]}}};function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}SyMarimekkoChart.style=syMarimekkoChartCss();exports.sy_marimekko_chart=SyMarimekkoChart;

package/dist/cjs/sy-navigator.cjs.entry.js

@@ -0,0 +1 @@
+"use strict";var index=require("./index-CKeHnO3Q.js");var dataZoomModel=require("./data-zoom-model-DWEnQJnh.js");var dataZoomTarget=require("./data-zoom-target-BO1_-I0t.js");var cartesianSeriesContract=require("./cartesian-series-contract-IfUitFYk.js");require("./zoom-window-oCyi6HPg.js");const EMPTY_SAMPLES={x:[],y:[]};function pickNavigatorSeries(list,pick){if(!Array.isArray(list)||list.length===0)return void 0;if(typeof pick==="number"&&Number.isInteger(pick)&&pick>=0&&pick<list.length)return list[pick];if(typeof pick==="string"&&pick!==""){const byId=list.find(series=>series.id!==void 0&&String(series.id)===pick);if(byId)return byId;const index2=Number(pick);if(Number.isInteger(index2)&&index2>=0&&index2<list.length)return list[index2]}return list.find(series=>series.visible!==false)??list[0]}function navigatorSamples(series,fallbackValues){let resolved;if(series){resolved=cartesianSeriesContract.resolveSeriesData(series,Array.isArray(fallbackValues)||ArrayBuffer.isView(fallbackValues)?{fallbackValues}:{})}else if(Array.isArray(fallbackValues)){resolved=cartesianSeriesContract.resolveSeriesData({data:fallbackValues})}else if(ArrayBuffer.isView(fallbackValues)){resolved=cartesianSeriesContract.resolveSeriesData(void 0,{fallbackValues})}else{return EMPTY_SAMPLES}const x=new Array(resolved.length);const y=new Array(resolved.length);for(let i=0;i<resolved.length;i++){x[i]=resolved.getX(i);const value=resolved.getY(i);y[i]=typeof value==="number"&&Number.isFinite(value)?value:null}return{x,y}}function navigatorValueRange(y){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const value of y){if(value===null)continue;if(value<min)min=value;if(value>max)max=value}if(!Number.isFinite(min)||!Number.isFinite(max))return null;if(max===min){const pad=Math.max(1,Math.abs(min)*.05);return{min:min-pad,max:max+pad}}return{min,max}}function downsampleMinMax(samples,buckets){const length=samples.x.length;const count=Math.max(1,Math.floor(buckets));if(!(count>0)||length<=count*2)return samples;const x=[];const y=[];for(let b=0;b<count;b++){const from=Math.floor(b*length/count);const to=Math.floor((b+1)*length/count);let minIndex=-1;let maxIndex=-1;for(let i=from;i<to;i++){const value=samples.y[i];if(value===null)continue;if(minIndex===-1||value<samples.y[minIndex])minIndex=i;if(maxIndex===-1||value>samples.y[maxIndex])maxIndex=i}if(minIndex===-1){x.push(samples.x[from]);y.push(null);continue}const first=Math.min(minIndex,maxIndex);const second=Math.max(minIndex,maxIndex);x.push(samples.x[first]);y.push(samples.y[first]);if(second!==first){x.push(samples.x[second]);y.push(samples.y[second])}}return{x,y}}function downsampleLTTB(samples,threshold){const length=samples.x.length;const target=Math.max(3,Math.floor(threshold));if(!(target>0)||length<=target)return samples;const x=[samples.x[0]];const y=[samples.y[0]];const bucketSize=(length-2)/(target-2);let a=0;for(let i=0;i<target-2;i++){const from=Math.floor(i*bucketSize)+1;const to=Math.min(length-1,Math.floor((i+1)*bucketSize)+1);const nextFrom=to;const nextTo=Math.min(length,Math.floor((i+2)*bucketSize)+1);let avgX=0;let avgY=0;let avgCount=0;for(let j=nextFrom;j<nextTo;j++){const value=samples.y[j];if(value===null)continue;avgX+=samples.x[j];avgY+=value;avgCount+=1}if(avgCount>0){avgX/=avgCount;avgY/=avgCount}const ay=samples.y[a];let best=-1;let bestArea=-1;for(let j=from;j<to;j++){const value=samples.y[j];if(value===null)continue;const area=ay===null||avgCount===0?0:Math.abs((samples.x[a]-avgX)*(value-ay)-(samples.x[a]-samples.x[j])*(avgY-ay))/2;if(area>bestArea){bestArea=area;best=j}}if(best===-1){x.push(samples.x[from]);y.push(null);continue}x.push(samples.x[best]);y.push(samples.y[best]);a=best}x.push(samples.x[length-1]);y.push(samples.y[length-1]);return{x,y}}function downsampleNavigator(samples,trackPixels,sampling){const pixels=Math.max(1,Math.ceil(trackPixels));return sampling==="lttb"?downsampleLTTB(samples,pixels):downsampleMinMax(samples,pixels)}function navigatorPaletteColor(chartColor,index2){if(typeof chartColor==="string")return chartColor;if(Array.isArray(chartColor)&&chartColor.length>0){const entry=chartColor[index2%chartColor.length];return typeof entry==="string"?entry:void 0}return void 0}function navigatorPreviewSeries(list,values,pick,chartColor){if(pick==="all"&&Array.isArray(list)&&list.length>0){const previews=[];list.forEach((series2,index3)=>{if(series2.visible===false)return;previews.push({key:series2.id!==void 0?String(series2.id):String(index3),samples:navigatorSamples(series2,values),color:typeof series2.color==="string"?series2.color:navigatorPaletteColor(chartColor,index3)})});return previews}const series=pickNavigatorSeries(list,pick==="all"?void 0:pick);const index2=series&&Array.isArray(list)?Math.max(0,list.indexOf(series)):0;return[{key:series?.id!==void 0?String(series.id):String(index2),samples:navigatorSamples(series,values),color:typeof series?.color==="string"?series.color:navigatorPaletteColor(chartColor,index2)}]}function navigatorPoint(x,y,extent,range,geometry){const along=dataZoomModel.dataZoomTrackPixel(x,extent,geometry.track);const span=range.max-range.min;const t=span>0?(y-range.min)/span:.5;const across=geometry.orientation==="horizontal"?geometry.crossEnd-t*(geometry.crossEnd-geometry.crossStart):geometry.crossStart+t*(geometry.crossEnd-geometry.crossStart);return{along,across}}function svgXY(geometry,along,across){return geometry.orientation==="horizontal"?`${along.toFixed(1)} ${across.toFixed(1)}`:`${across.toFixed(1)} ${along.toFixed(1)}`}function navigatorRuns(samples,extent,range,geometry){const runs=[];let current=[];for(let i=0;i<samples.x.length;i++){const value=samples.y[i];const x=samples.x[i];if(value===null||!Number.isFinite(x)){if(current.length>0)runs.push(current);current=[];continue}current.push(navigatorPoint(x,value,extent,range,geometry))}if(current.length>0)runs.push(current);return runs}function navigatorLinePath(samples,extent,range,geometry){return navigatorRuns(samples,extent,range,geometry).map(run=>run.map((point,index2)=>`${index2===0?"M":"L"} ${svgXY(geometry,point.along,point.across)}`).join(" ")+(run.length===1?` L ${svgXY(geometry,run[0].along,run[0].across)}`:"")).join(" ")}function navigatorAreaPath(samples,extent,range,geometry){const baseline=geometry.orientation==="horizontal"?geometry.crossEnd:geometry.crossStart;return navigatorRuns(samples,extent,range,geometry).filter(run=>run.length>1).map(run=>{const line=run.map((point,index2)=>`${index2===0?"M":"L"} ${svgXY(geometry,point.along,point.across)}`).join(" ");const last=run[run.length-1];const first=run[0];return`${line} L ${svgXY(geometry,last.along,baseline)} L ${svgXY(geometry,first.along,baseline)} Z`}).join(" ")}function navigatorShades(window,extent,track){if(!window)return[];const trackLo=Math.min(track.start,track.end);const trackHi=Math.max(track.start,track.end);const a=dataZoomModel.dataZoomTrackPixel(window.min,extent,track);const b=dataZoomModel.dataZoomTrackPixel(window.max,extent,track);const lo=Math.max(trackLo,Math.min(a,b));const hi=Math.min(trackHi,Math.max(a,b));const shades=[];if(lo-trackLo>.5)shades.push({from:trackLo,to:lo});if(trackHi-hi>.5)shades.push({from:hi,to:trackHi});return shades}const syNavigatorCss=()=>`:host{display:inline-block;position:relative;vertical-align:top;overflow:visible}.sy-navigator__preview{position:absolute;inset:0;display:block;overflow:visible;pointer-events:none}.sy-navigator__frame{fill:var(--sy-navigator-bg, #f8fafc);stroke:var(--sy-navigator-border, #e2e8f0)}.sy-navigator__area{fill:var(--sy-navigator-area, #64748b);fill-opacity:var(--sy-navigator-area-opacity, 0.14)}.sy-navigator__series{fill:none;stroke:var(--sy-navigator-series, #64748b);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sy-navigator__shade{fill:var(--sy-navigator-shade, rgba(148, 163, 184, 0.28))}.sy-navigator__slider{position:relative;display:block;--sy-data-zoom-track:transparent;--sy-data-zoom-track-border:transparent;--sy-data-zoom-window:rgba(37, 99, 235, 0.08);--sy-data-zoom-window-hover:rgba(37, 99, 235, 0.16)}`;const NO_PREVIEWS=[];const SyNavigator=class{constructor(hostRef){index.registerInstance(this,hostRef)}get host(){return index.getElement(this)}for;target;orientation="horizontal";axis;width=640;height=60;minRangePx=8;stepFraction=.1;showLabels=true;disabled=false;series;sampling="minmax";boundTarget=null;extent=null;window=null;previews=NO_PREVIEWS;slider;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;if(!this.hasLoaded)return;this.bindTarget()}componentDidLoad(){this.hasLoaded=true;this.bindTarget()}disconnectedCallback(){this.detached=true;this.unbindTarget()}onTargetChange(){this.bindTarget()}onPreviewChange(){void this.refresh()}async refresh(){const target=this.boundTarget;if(!target){this.extent=null;this.previews=NO_PREVIEWS;this.window=null;return}await dataZoomTarget.whenTargetDefined(target);if(!target.getZoomExtent)return;const request=this.orientation==="horizontal"?{xAxis:this.axis}:{yAxis:this.axis};const detail=await target.getZoomExtent(request);const axisExtent=this.orientation==="horizontal"?detail?.x:detail?.y;this.extent=dataZoomModel.normalizeDataZoomExtent(axisExtent);this.previews=navigatorPreviewSeries(target.series,target.values,this.series,target.color);await this.slider?.refresh?.();this.window=await this.slider?.getWindow?.()??null}async setWindow(window){return await this.slider?.setWindow?.(window)??null}async getWindow(){return await this.slider?.getWindow?.()??null}async getExtent(){return this.extent}bindTarget(){if(this.detached)return;const root=this.host.getRootNode();const next=dataZoomTarget.resolveDataZoomTarget(this.target,this.for,root,typeof document!=="undefined"?document:null);if(next!==this.boundTarget){this.unbindTarget();this.boundTarget=next;if(next)next.addEventListener("rendered",this.handleTargetRendered)}void this.refresh()}unbindTarget(){const target=this.boundTarget;if(!target)return;target.removeEventListener("rendered",this.handleTargetRendered);this.boundTarget=null}handleTargetRendered=()=>{void this.refresh()};handleSliderRange=event=>{this.window=event.detail?.window??null};geometry(){const track=dataZoomModel.dataZoomTrackFor(this.orientation,this.width,this.height);const crossStart=dataZoomModel.DATA_ZOOM_TRACK_PAD+2;const crossEnd=Math.max(crossStart+2,(this.orientation==="horizontal"?this.height:this.width)-dataZoomModel.DATA_ZOOM_TRACK_PAD-2);return{orientation:this.orientation,track,crossStart,crossEnd}}render(){const horizontal=this.orientation==="horizontal";const geometry=this.geometry();const{track}=geometry;const trackLo=Math.min(track.start,track.end);const trackHi=Math.max(track.start,track.end);const extent=this.extent;const range=navigatorValueRange(this.previews.flatMap(preview=>preview.samples.y));const trackPixels=Math.ceil(trackHi-trackLo);const drawn=extent&&range?this.previews.map(preview=>{const reduced=downsampleNavigator(preview.samples,trackPixels,this.sampling);return{key:preview.key,color:preview.color,count:reduced.x.length,line:navigatorLinePath(reduced,extent,range,geometry),area:navigatorAreaPath(reduced,extent,range,geometry)}}):[];const sampleCount=drawn.reduce((sum,entry)=>sum+entry.count,0);const shades=extent?navigatorShades(this.window,extent,track):[];const thickness=Math.max(4,(horizontal?this.height:this.width)-2*dataZoomModel.DATA_ZOOM_TRACK_PAD);return index.h(index.Host,{class:{"sy-navigator":true,"sy-navigator--vertical":!horizontal,"sy-navigator--zoomed":!!this.window,"sy-navigator--empty":!extent||!range},style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},"data-samples":String(sampleCount),"data-series":String(drawn.length)},index.h("svg",{class:"sy-navigator__preview",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,"aria-hidden":"true"},index.h("rect",{class:"sy-navigator__frame",x:horizontal?trackLo:dataZoomModel.DATA_ZOOM_TRACK_PAD,y:horizontal?dataZoomModel.DATA_ZOOM_TRACK_PAD:trackLo,width:horizontal?trackHi-trackLo:thickness,height:horizontal?thickness:trackHi-trackLo,rx:3}),drawn.map(entry=>entry.area?index.h("path",{class:"sy-navigator__area","data-series":entry.key,d:entry.area,style:entry.color?{fill:entry.color}:void 0}):null),drawn.map(entry=>entry.line?index.h("path",{class:"sy-navigator__series","data-series":entry.key,d:entry.line,style:entry.color?{stroke:entry.color}:void 0}):null),shades.map(shade=>index.h("rect",{class:"sy-navigator__shade",x:horizontal?shade.from:dataZoomModel.DATA_ZOOM_TRACK_PAD,y:horizontal?dataZoomModel.DATA_ZOOM_TRACK_PAD:shade.from,width:horizontal?shade.to-shade.from:thickness,height:horizontal?thickness:shade.to-shade.from}))),index.h("sy-data-zoom",{class:"sy-navigator__slider",ref:el=>{this.slider=el},target:this.boundTarget,orientation:this.orientation,axis:this.axis,width:this.width,height:this.height,minRangePx:this.minRangePx,stepFraction:this.stepFraction,showLabels:this.showLabels,disabled:this.disabled,onRangeChange:this.handleSliderRange}))}static get watchers(){return{"for":[{"onTargetChange":0}],"target":[{"onTargetChange":0}],"orientation":[{"onPreviewChange":0}],"axis":[{"onPreviewChange":0}],"series":[{"onPreviewChange":0}],"sampling":[{"onPreviewChange":0}]}}};SyNavigator.style=syNavigatorCss();exports.sy_navigator=SyNavigator;

package/dist/cjs/sy-pareto-chart.cjs.entry.js

@@ -0,0 +1 @@
+"use strict";var index=require("./index-CKeHnO3Q.js");var safeFormatter=require("./safe-formatter-B0DDURao.js");var pointContextMenu=require("./point-context-menu-CWB4nv9m.js");var chartStreamingGate=require("./chart-streaming-gate-DX4tlXCx.js");var cartesianFrameInteraction=require("./cartesian-frame-interaction-w1OfXe9B.js");var autoLabels=require("./auto-labels-biCCU4IR.js");var streamInterp=require("./stream-interp-CVi5SGFf.js");var legend=require("./legend-CbjQG1uh.js");var chartBrand=require("./chart-brand-CEKOnWyE.js");var cartesianContract=require("./cartesian-contract-BVApIzMy.js");var resolve=require("./resolve-Cti85ZtE.js");var connector=require("./connector-8ebOKxbI.js");var standardEngineStatus=require("./standard-engine-status-C4zMZsEh.js");require("./chart-license-bridge-DAODso1A.js");require("./errors-DNua3ZWy.js");require("./zoom-window-oCyi6HPg.js");require("./brand-mark-default-DvQHU2qS.js");function clampParetoValue(value){if(typeof value!=="number"||!Number.isFinite(value)||value<0)return 0;return value}function paretoValuesToArray(values){const out=new Array(values.length);for(let i=0;i<values.length;i++)out[i]=clampParetoValue(values[i]);return out}function computeParetoModel(values,categories,options={}){const sortDescending=options.sortDescending!==false;const raw=paretoValuesToArray(values);const entries=raw.map((value,sourceIndex)=>({sourceIndex,value,category:categories?.[sourceIndex]??String(sourceIndex+1)}));if(sortDescending){entries.sort((a,b)=>b.value-a.value||a.sourceIndex-b.sourceIndex)}const total=entries.reduce((sum,entry)=>sum+entry.value,0);const maxValue=entries.reduce((max,entry)=>Math.max(max,entry.value),0);let running=0;const bars=entries.map(entry=>{running+=entry.value;return{sourceIndex:entry.sourceIndex,category:entry.category,value:entry.value,cumulative:running,cumulativePercent:total>0?running/total*100:0}});return{bars,total,maxValue}}function paretoBandWidth(plotWidth,n){return n>0?plotWidth/n:plotWidth}function paretoBandCenterX(plot,i,n){return plot.x+(i+.5)*paretoBandWidth(plot.width,n)}function paretoBarRects(model,plot,valueY,baselineY,barPadding){const n=model.bars.length;if(n===0)return[];const bandWidth=paretoBandWidth(plot.width,n);const padding=clamp01$1(barPadding);const gap=bandWidth<2?0:bandWidth*padding;const barWidth=Math.max(0,bandWidth-gap);const rects=new Array(n);for(let i=0;i<n;i++){const valueYPx=valueY(model.bars[i].value);const top=Math.min(valueYPx,baselineY);const bottom=Math.max(valueYPx,baselineY);rects[i]={x:plot.x+i*bandWidth+gap/2,y:top,width:barWidth,height:Math.max(0,bottom-top)}}return rects}function paretoLinePoints(model,plot,percentY){const n=model.bars.length;const points=new Array(n);for(let i=0;i<n;i++){points[i]={x:paretoBandCenterX(plot,i,n),y:percentY(model.bars[i].cumulativePercent)}}return points}function paretoLinePath(points){if(points.length===0)return"";let d=`M ${round(points[0].x)} ${round(points[0].y)}`;for(let i=1;i<points.length;i++)d+=` L ${round(points[i].x)} ${round(points[i].y)}`;return d}function paretoLinePathAtProgress(points,progress){if(points.length===0)return"";if(points.length===1)return paretoLinePath(points);const t=clamp01$1(progress);if(t>=1)return paretoLinePath(points);const first=points[0];const last=points[points.length-1];const span=last.x-first.x;if(!Number.isFinite(span)||span<=0){const count=Math.max(1,Math.ceil(points.length*t));return paretoLinePath(points.slice(0,count))}const cutX=first.x+span*t;const revealed=[first];for(let i=1;i<points.length;i++){const prev=points[i-1];const curr=points[i];if(curr.x<=cutX){revealed.push(curr);continue}if(cutX>prev.x&&curr.x>prev.x){const local=(cutX-prev.x)/(curr.x-prev.x);revealed.push({x:cutX,y:prev.y+(curr.y-prev.y)*local})}break}return paretoLinePath(revealed)}function paretoRevealedPointCount(points,progress){if(points.length===0)return 0;const t=clamp01$1(progress);if(t<=0)return 0;if(t>=1||points.length===1)return points.length;const first=points[0];const last=points[points.length-1];const span=last.x-first.x;if(!Number.isFinite(span)||span<=0)return Math.max(1,Math.ceil(points.length*t));const cutX=first.x+span*t;let count=0;for(const point of points){if(point.x<=cutX)count++;else break}return count}function paretoBandAtPoint(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 bandWidth=paretoBandWidth(plot.width,n);const index2=Math.floor((cssX-plot.x)/bandWidth);return Math.max(0,Math.min(n-1,index2))}function clamp01$1(v){if(typeof v!=="number"||!Number.isFinite(v))return .1;if(v<=0)return 0;if(v>=1)return 1;return v}function round(v){return Math.round(v*100)/100}function pickParetoEngine(options){if(options.requested==="pro"){const reason="no GPU pareto renderer exists";if(pointContextMenu.normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-pareto-chart: Pro engine is unavailable — no GPU pareto renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-pareto-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyParetoEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createParetoAnimator(){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 applyParetoEasing(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}}}function createParetoStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}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}const syParetoChartCss=()=>`.sc-sy-pareto-chart-h{display:inline-block;position:relative}.sy-pareto-chart__surface.sc-sy-pareto-chart{display:block}.sy-pareto-chart__bar.sc-sy-pareto-chart{transition:opacity 120ms ease}.sy-pareto-chart__bar--active.sc-sy-pareto-chart{opacity:1}.sy-pareto-chart__line.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__marker.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__legend-item.sc-sy-pareto-chart{font:400 12px system-ui,sans-serif;color:var(--sy-axis-color, #111827)}.sy-pareto-chart__legend-item--disabled.sc-sy-pareto-chart{text-decoration:line-through}.sy-pareto-chart__legend-swatch.sc-sy-pareto-chart{display:inline-block;flex:0 0 auto}.sy-pareto-chart__tooltip.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__sr-only.sc-sy-pareto-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-pareto-chart__watermark.sc-sy-pareto-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";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}const SyParetoChart=class{constructor(hostRef){index.registerInstance(this,hostRef);this.rendered=index.createEvent(this,"rendered",7);this.pointClick=index.createEvent(this,"pointClick",7);this.pointHover=index.createEvent(this,"pointHover",7);this.crosshairMove=index.createEvent(this,"crosshairMove",7);this.tooltipShow=index.createEvent(this,"tooltipShow",7);this.tooltipHide=index.createEvent(this,"tooltipHide",7);this.tooltipAction=index.createEvent(this,"tooltipAction",7);this.seriesOutsideClick=index.createEvent(this,"seriesOutsideClick",7);this.pointContextMenu=index.createEvent(this,"pointContextMenu",7);this.legendItemClick=index.createEvent(this,"legendItemClick",7);this.seriesToggled=index.createEvent(this,"seriesToggled",7);this.appended=index.createEvent(this,"appended",7);this.windowSlid=index.createEvent(this,"windowSlid",7);this.chartAnimationStart=index.createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=index.createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=index.createEvent(this,"chartAnimationInterrupted",7)}get host(){return index.getElement(this)}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.ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingGate.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 index2=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index2<0)return null;return this.detailForIndex(layout,index2,cssX,cssY)}async showTooltipAtPoint(index2){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeParetoLayout();const hit=this.paretoHitAtIndex(layout,index2);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 legend2=this.legend?this.buildLegendLayout():null;const outer=this.outerRectFromLegend(legend2);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=cartesianContract.resolveCartesianAxesSpec(this.resolveXAxisInput(categories),this.resolveYAxisInput());const frame=cartesianFrameInteraction.computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:cartesianContract.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:legend2}}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(legend2){if(!legend2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const r=legend2.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:resolve.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 legend.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=>toDatum(d)).filter(d=>d!==void 0);const{list,event}=chartStreamingGate.applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(chartStreamingGate.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=streamInterp.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 streamInterp.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 streamInterp.lerpStreamWindow(this.streamFrom,this.values,this.animator.progressAt(STREAM_KEY,this.now())??1)}return null}streamCategories(){return this.categories}detailForIndex(layout,index2,cssX,cssY){const bar=layout.model.bars[index2];return{index:index2,sourceIndex:bar.sourceIndex,category:bar.category,value:bar.value,cumulative:bar.cumulative,cumulativePercent:bar.cumulativePercent,cssX,cssY}}resolveTooltipSpec(){const spec=cartesianContract.resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}paretoHitAtIndex(layout,index2){const i=Math.trunc(index2);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=cartesianFrameInteraction.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=safeFormatter.safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeFormatter.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){safeFormatter.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 index.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 index.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 index.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$1=tooltip.connector;const end=connector.tooltipConnectorEnd(tooltip);return index.h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector$1.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector$1.width??1,"stroke-dasharray":connector$1.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=connector.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 index2=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index2<0){if(this.hoverIndex!==null){this.hoverIndex=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}if(index2!==this.hoverIndex){this.hoverIndex=index2;this.pointHover.emit(this.detailForIndex(layout,index2,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const hit=this.paretoHitAtIndex(layout,index2);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=cartesianContract.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=autoLabels.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=cartesianContract.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 index.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&&index.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&&index.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 index2=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);const bar=index2>=0?layout.bars[index2]:null;if(index2<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,index2,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const hit=this.paretoHitAtIndex(layout,index2);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 index2=paretoBandAtPoint(layout.plot,layout.model.bars.length,cssX,cssY);if(index2<0)return;const detail=this.detailForIndex(layout,index2,cssX,cssY);this.pointContextMenu.emit(pointContextMenu.buildChartPointContextMenuDetail(event,this.host,"pareto",detail))};toggleSeries(seriesId,index2){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:index2,seriesId,label:seriesId===VALUES_SERIES_ID?"Values":"Cumulative %",disabled});this.seriesToggled.emit({index:index2,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 index.h(index.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),index.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(),index.h("span",{key:"ab209cf043e81e28046ca6e3784531ebdc823593",class:"sy-pareto-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&index.h("span",{key:"258e951d6eb282e476d2192d2c3e110406b91e72",class:"sy-pareto-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),chartBrand.renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderBars(layout,animBarTop){const{bars,model,baselineY}=layout;const barFill=resolve.resolveSingleColor(this.color,"#2563eb");return index.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 index.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 index.h("g",{class:"sy-pareto-chart__reference","aria-hidden":"true"},index.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"}),index.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 index.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 index.h("g",{class:"sy-pareto-chart__markers"},resolved.slice(0,shown).map((p,i)=>{const active=this.hoverIndex===i;if(this.marker==="square"){return index.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 index.h("path",{key:`mk-${i}`,class:"sy-pareto-chart__marker",d,fill:this.lineColor,stroke:"#fff","stroke-width":1})}return index.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=autoLabels.resolveAutoAxisLabels({labels:xLabels,centers:xCenters,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return index.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&&index.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&&index.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=>index.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 index.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=>index.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)))}),index.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))"}}),index.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))"}}),index.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&&index.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 legend2=layout.legend;if(!legend2.legendRect)return null;const rect=legend2.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";const entries=[{seriesId:VALUES_SERIES_ID,label:"Values",color:resolve.resolveSingleColor(this.color,"#2563eb"),shape:"square"},{seriesId:CUMULATIVE_SERIES_ID,label:"Cumulative %",color:this.lineColor,shape:"line"}];return index.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 index.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)},index.h("span",{class:"sy-pareto-chart__legend-swatch",style:{width:"12px",height:entry.shape==="line"?"3px":"12px",borderRadius:"2px",background:entry.color}}),index.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 standardEngineStatus.standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"pareto"})}static get watchers(){return{"values":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"lineColor":[{"handleVisualChange":0}],"lineWidth":[{"handleVisualChange":0}],"marker":[{"handleVisualChange":0}],"markerSize":[{"handleVisualChange":0}],"baseline":[{"handleVisualChange":0}],"barPadding":[{"handleVisualChange":0}],"sortDescending":[{"handleVisualChange":0}],"referenceValue":[{"handleVisualChange":0}],"showReference":[{"handleVisualChange":0}],"referenceColor":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"cumulativeAxisLabel":[{"handleVisualChange":0}],"xAxis":[{"handleVisualChange":0}],"yAxis":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"legend":[{"handleVisualChange":0}],"legendPosition":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}]}}};function round2(v){return Math.round(v*100)/100}function 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)}SyParetoChart.style=syParetoChartCss();exports.sy_pareto_chart=SyParetoChart;

package/dist/cjs/sy-pictorial-chart.cjs.entry.js

@@ -0,0 +1 @@
+"use strict";var index=require("./index-CKeHnO3Q.js");var safeFormatter=require("./safe-formatter-B0DDURao.js");var pointContextMenu=require("./point-context-menu-CWB4nv9m.js");var chartStreamingGate=require("./chart-streaming-gate-DX4tlXCx.js");var cartesianFrameInteraction=require("./cartesian-frame-interaction-w1OfXe9B.js");var autoLabels=require("./auto-labels-biCCU4IR.js");var streamInterp=require("./stream-interp-CVi5SGFf.js");var chartBrand=require("./chart-brand-CEKOnWyE.js");var zoomInteraction=require("./zoom-interaction-C3K9MKr2.js");var resolve=require("./resolve-Cti85ZtE.js");var cartesianContract=require("./cartesian-contract-BVApIzMy.js");var connector=require("./connector-8ebOKxbI.js");var axisLabelThinning=require("./axis-label-thinning-xlRYEkLr.js");var standardEngineStatus=require("./standard-engine-status-C4zMZsEh.js");require("./chart-license-bridge-DAODso1A.js");require("./errors-DNua3ZWy.js");require("./zoom-window-oCyi6HPg.js");require("./brand-mark-default-DvQHU2qS.js");function toFiniteOrNull(value){const v=typeof value==="bigint"?Number(value):value;return typeof v==="number"&&Number.isFinite(v)?v:null}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}}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))}}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}}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))}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$1(tx)} ${round2$1(ty)}) scale(${Math.round(scale*1e4)/1e4})`}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}}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 index2=Math.round(invertX(cssX));if(!Number.isFinite(index2))return-1;return Math.max(0,Math.min(n-1,index2))}function round2$1(v){return Math.round(v*100)/100}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}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}}}if(!sawPoint||maxX<=minX||maxY<=minY)return null;return{minX,minY,maxX,maxY,width:maxX-minX,height:maxY-minY}}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";function pickPictorialEngine(options){if(options.requested==="pro"){const reason="no GPU pictorial renderer exists";if(pointContextMenu.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"}}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}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}}}function createPictorialStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}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}const syPictorialChartCss=()=>`.sc-sy-pictorial-chart-h{display:inline-block;position:relative}.sy-pictorial-chart__surface.sc-sy-pictorial-chart{display:block}.sy-pictorial-chart__icon.sc-sy-pictorial-chart{transition:opacity 120ms ease}.sy-pictorial-chart__tooltip.sc-sy-pictorial-chart{pointer-events:none}.sy-pictorial-chart__sr-only.sc-sy-pictorial-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-pictorial-chart__watermark.sc-sy-pictorial-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";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`}const SyPictorialChart=class{constructor(hostRef){index.registerInstance(this,hostRef);this.rendered=index.createEvent(this,"rendered",7);this.pointClick=index.createEvent(this,"pointClick",7);this.pointHover=index.createEvent(this,"pointHover",7);this.crosshairMove=index.createEvent(this,"crosshairMove",7);this.pointContextMenu=index.createEvent(this,"pointContextMenu",7);this.appended=index.createEvent(this,"appended",7);this.windowSlid=index.createEvent(this,"windowSlid",7);this.chartAnimationStart=index.createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=index.createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=index.createEvent(this,"chartAnimationInterrupted",7);this.tooltipShow=index.createEvent(this,"tooltipShow",7);this.tooltipHide=index.createEvent(this,"tooltipHide",7);this.tooltipAction=index.createEvent(this,"tooltipAction",7);this.seriesOutsideClick=index.createEvent(this,"seriesOutsideClick",7);this.zoomChange=index.createEvent(this,"zoomChange",7)}get host(){return index.getElement(this)}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.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.ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingGate.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 index2=this.bandIndexAtPoint(layout,cssX,cssY);if(index2<0)return null;return this.detailForIndex(layout,index2,cssX,cssY)}async showTooltipAtPoint(index2){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computePictorialLayout();const hit=this.pictorialHitAtIndex(layout,index2);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 zoomInteraction.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 index.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&&index.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&&index.h("button",{type:"button",class:"sy-pictorial-chart__zoom-reset","aria-label":"Reset zoom",onClick:()=>{void this.resetZoom()},style:{...zoomInteraction.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=resolve.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,index2)=>{const base=index2===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=index2===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,index2)=>{const base={kind:"linear",show:true,...index2===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=cartesianContract.resolveCartesianAxesSpec(this.xAxisSlots(categories,categoryTickCount),this.yAxisSlots());const frame=cartesianFrameInteraction.computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:cartesianContract.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=>toDatum(d)).filter(d=>d!==void 0);const{list,event}=chartStreamingGate.applyPlainStreamOp(current,op,toDatum);if(event)this.handleStreamEvent(chartStreamingGate.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=streamInterp.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 streamInterp.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 streamInterp.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,index2,cssX,cssY){const item=layout.model.items[index2];const icon=layout.icons.find(entry=>entry.index===index2);return{index:index2,category:item.category,value:item.value??0,fraction:icon?.fraction??0,cssX,cssY}}resolveTooltipSpec(){const spec=cartesianContract.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,index2){const i=Math.trunc(index2);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=cartesianFrameInteraction.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=safeFormatter.safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeFormatter.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){safeFormatter.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 index.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 index.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 index.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$1=tooltip.connector;const end=connector.tooltipConnectorEnd(tooltip);return index.h("line",{x1:round2(tooltip.pointCssX),y1:round2(tooltip.pointCssY),x2:round2(end.x),y2:round2(end.y),stroke:connector$1.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector$1.width??1,"stroke-dasharray":connector$1.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=connector.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 index2=this.bandIndexAtPoint(layout,cssX,cssY);if(index2<0||layout.model.items[index2].value===null){if(this.hoverIndex!==null){this.hoverIndex=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}if(index2!==this.hoverIndex){this.hoverIndex=index2;this.pointHover.emit(this.detailForIndex(layout,index2,cssX,cssY))}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const hit=this.pictorialHitAtIndex(layout,index2);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=cartesianContract.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=autoLabels.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=cartesianContract.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 index.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&&index.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&&index.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 index2=this.bandIndexAtPoint(layout,cssX,cssY);const icon=index2>=0?layout.icons.find(entry=>entry.index===index2)??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(index2<0||layout.model.items[index2].value===null||!onSeries){if(this.hasVisibleTooltips())this.clearTooltips();if(inside)this.seriesOutsideClick.emit({cssX,cssY});return}this.pointClick.emit(this.detailForIndex(layout,index2,cssX,cssY));const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const hit=this.pictorialHitAtIndex(layout,index2);if(hit)this.showTooltipForHit(layout,hit,tooltipSpec,true)}};handleContextMenu=event=>{const layout=this.computePictorialLayout();const{cssX,cssY}=this.localPoint(event);const index2=this.bandIndexAtPoint(layout,cssX,cssY);if(index2<0||layout.model.items[index2].value===null)return;this.pointContextMenu.emit(pointContextMenu.buildChartPointContextMenuDetail(event,this.host,"pictorial",this.detailForIndex(layout,index2,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 index.h(index.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),index.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},index.h("defs",{key:"c4778edf163ac791f7150cb28c6530d8d8167ceb"},index.h("clipPath",{key:"37063996a9e5257273780e38516f30e46d4a6835",id:`sy-pictorial-plot-${this.instanceId}`},index.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 index.h("clipPath",{key:`clip-${icon.index}`,id:`sy-pictorial-clip-${this.instanceId}-${icon.index}`},index.h("rect",{x:round2(clip.x),y:round2(clip.y),width:round2(clip.width),height:round2(clip.height)}))})),index.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 index.h("g",{key:`icon-${icon.index}`,class:"sy-pictorial-chart__icon","data-icon-index":icon.index,opacity:dimmed?.5:1},trackOpacity>0&&index.h("path",{class:"sy-pictorial-chart__icon-track",d:icon.path,transform,fill:icon.color,opacity:trackOpacity}),index.h("g",{"clip-path":`url(#sy-pictorial-clip-${this.instanceId}-${icon.index})`},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(),index.h("span",{key:"3a6242810722724ed24ad1dfce122e4f76dab978",class:"sy-pictorial-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&index.h("span",{key:"685715abe89938e7f0793b9b5c4e0ff42d2a73cf",class:"sy-pictorial-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),chartBrand.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 index.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&&index.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&&index.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=>index.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=autoLabels.resolveAutoAxisLabels({labels:axis.ticks.map(tickLabel),centers:axis.ticks.map(t=>t.position),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 index.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=axisLabelThinning.thinAxisTicks(axis.ticks,{plotSize:plot.width,orientation:"horizontal",format:tickLabel});labels=ticks.map(t=>index.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,index.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?index.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=axisLabelThinning.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=>index.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))),index.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?index.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 standardEngineStatus.standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"pictorial"})}static get watchers(){return{"values":[{"handleValuesChange":0}],"streamSource":[{"handleStreamSourceChange":0}],"streamWindow":[{"handleStreamSourceChange":0}],"streamMax":[{"handleStreamSourceChange":0}],"animated":[{"handleAnimationToggle":0}],"animationDuration":[{"handleAnimationToggle":0}],"animationEasing":[{"handleAnimationToggle":0}],"animationType":[{"handleAnimationToggle":0}],"categories":[{"handleVisualChange":0}],"color":[{"handleVisualChange":0}],"paths":[{"handleVisualChange":0}],"iconPadding":[{"handleVisualChange":0}],"trackOpacity":[{"handleVisualChange":0}],"valueAxisLabel":[{"handleVisualChange":0}],"xAxis":[{"handleVisualChange":0}],"yAxis":[{"handleVisualChange":0}],"gridLines":[{"handleVisualChange":0}],"xLabelMode":[{"handleVisualChange":0}],"xLabelRotation":[{"handleVisualChange":0}],"xLabelMaxCount":[{"handleVisualChange":0}],"chartTitle":[{"handleVisualChange":0}],"chartSubtitle":[{"handleVisualChange":0}],"width":[{"handleVisualChange":0}],"height":[{"handleVisualChange":0}],"engine":[{"handleVisualChange":0}],"unavailable":[{"handleVisualChange":0}]}}};function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}function round2(v){return Math.round(v*100)/100}SyPictorialChart.style=syPictorialChartCss();exports.sy_pictorial_chart=SyPictorialChart;