@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/components/sy-navigator.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as n,d as i,t as s}from"./p-BPmwlQtL.js";import{d as a,n as r,a as o,D as h}from"./p-Qu4itcma.js";import{w as l,r as c,d as u}from"./p-BY5ObKGD.js";import{r as d}from"./p-C4HtF7VM.js";const g={x:[],y:[]};function f(t2,e2){let n2;if(t2)n2=d(t2,Array.isArray(e2)||ArrayBuffer.isView(e2)?{fallbackValues:e2}:{});else if(Array.isArray(e2))n2=d({data:e2});else{if(!ArrayBuffer.isView(e2))return g;n2=d(void 0,{fallbackValues:e2})}const i2=Array(n2.length),s2=Array(n2.length);for(let t3=0;t3<n2.length;t3++){i2[t3]=n2.getX(t3);const e3=n2.getY(t3);s2[t3]="number"==typeof e3&&Number.isFinite(e3)?e3:null}return{x:i2,y:s2}}function y(t2,e2){if("string"==typeof t2)return t2;if(Array.isArray(t2)&&t2.length>0){const n2=t2[e2%t2.length];return"string"==typeof n2?n2:void 0}}function v(t2,e2,n2,i2,s2){const r2=a(t2,n2,s2.track),o2=i2.max-i2.min,h2=o2>0?(e2-i2.min)/o2:.5;return{along:r2,across:"horizontal"===s2.orientation?s2.crossEnd-h2*(s2.crossEnd-s2.crossStart):s2.crossStart+h2*(s2.crossEnd-s2.crossStart)}}function m(t2,e2,n2){return"horizontal"===t2.orientation?`${e2.toFixed(1)} ${n2.toFixed(1)}`:`${n2.toFixed(1)} ${e2.toFixed(1)}`}function p(t2,e2,n2,i2){const s2=[];let a2=[];for(let r2=0;r2<t2.x.length;r2++){const o2=t2.y[r2],h2=t2.x[r2];null!==o2&&Number.isFinite(h2)?a2.push(v(h2,o2,e2,n2,i2)):(a2.length>0&&s2.push(a2),a2=[])}return a2.length>0&&s2.push(a2),s2}function w(t2,e2,n2,i2){return p(t2,e2,n2,i2).map((t3=>t3.map(((t4,e3)=>`${0===e3?"M":"L"} ${m(i2,t4.along,t4.across)}`)).join(" ")+(1===t3.length?" L "+m(i2,t3[0].along,t3[0].across):""))).join(" ")}function b(t2,e2,n2,i2){const s2="horizontal"===i2.orientation?i2.crossEnd:i2.crossStart;return p(t2,e2,n2,i2).filter((t3=>t3.length>1)).map((t3=>{const e3=t3.map(((t4,e4)=>`${0===e4?"M":"L"} ${m(i2,t4.along,t4.across)}`)).join(" "),n3=t3[0];return`${e3} L ${m(i2,t3[t3.length-1].along,s2)} L ${m(i2,n3.along,s2)} Z`})).join(" ")}const M=[],x=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost()}get host(){return 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=M;slider;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.hasLoaded&&this.bindTarget()}componentDidLoad(){this.hasLoaded=true,this.bindTarget()}disconnectedCallback(){this.detached=true,this.unbindTarget()}onTargetChange(){this.bindTarget()}onPreviewChange(){this.refresh()}async refresh(){const t2=this.boundTarget;if(!t2)return this.extent=null,this.previews=M,void(this.window=null);if(await l(t2),!t2.getZoomExtent)return;const e2="horizontal"===this.orientation?{xAxis:this.axis}:{yAxis:this.axis},n2=await t2.getZoomExtent(e2);this.extent=r("horizontal"===this.orientation?n2?.x:n2?.y),this.previews=(function(t3,e3,n3,i2){if("all"===n3&&Array.isArray(t3)&&t3.length>0){const n4=[];return t3.forEach(((t4,s3)=>{false!==t4.visible&&n4.push({key:void 0!==t4.id?t4.id+"":s3+"",samples:f(t4,e3),color:"string"==typeof t4.color?t4.color:y(i2,s3)})})),n4}const s2=(function(t4,e4){if(Array.isArray(t4)&&0!==t4.length){if("number"==typeof e4&&Number.isInteger(e4)&&e4>=0&&e4<t4.length)return t4[e4];if("string"==typeof e4&&""!==e4){const n4=t4.find((t5=>void 0!==t5.id&&t5.id+""===e4));if(n4)return n4;const i3=Number(e4);if(Number.isInteger(i3)&&i3>=0&&i3<t4.length)return t4[i3]}return t4.find((t5=>false!==t5.visible))??t4[0]}})(t3,"all"===n3?void 0:n3),a2=s2&&Array.isArray(t3)?Math.max(0,t3.indexOf(s2)):0;return[{key:void 0!==s2?.id?s2.id+"":a2+"",samples:f(s2,e3),color:"string"==typeof s2?.color?s2.color:y(i2,a2)}]})(t2.series,t2.values,this.series,t2.color),await this.slider?.refresh?.(),this.window=await this.slider?.getWindow?.()??null}async setWindow(t2){return await this.slider?.setWindow?.(t2)??null}async getWindow(){return await this.slider?.getWindow?.()??null}async getExtent(){return this.extent}bindTarget(){if(this.detached)return;const t2=this.host.getRootNode(),e2=c(this.target,this.for,t2,"undefined"!=typeof document?document:null);e2!==this.boundTarget&&(this.unbindTarget(),this.boundTarget=e2,e2&&e2.addEventListener("rendered",this.handleTargetRendered)),this.refresh()}unbindTarget(){const t2=this.boundTarget;t2&&(t2.removeEventListener("rendered",this.handleTargetRendered),this.boundTarget=null)}handleTargetRendered=()=>{this.refresh()};handleSliderRange=t2=>{this.window=t2.detail?.window??null};geometry(){const t2=o(this.orientation,this.width,this.height),e2=h+2;return{orientation:this.orientation,track:t2,crossStart:e2,crossEnd:Math.max(e2+2,("horizontal"===this.orientation?this.height:this.width)-h-2)}}render(){const t2="horizontal"===this.orientation,e2=this.geometry(),{track:s2}=e2,r2=Math.min(s2.start,s2.end),o2=Math.max(s2.start,s2.end),l2=this.extent,c2=(function(t3){let e3=1/0,n2=-1/0;for(const i2 of t3)null!==i2&&(i2<e3&&(e3=i2),i2>n2&&(n2=i2));if(!Number.isFinite(e3)||!Number.isFinite(n2))return null;if(n2===e3){const t4=Math.max(1,.05*Math.abs(e3));return{min:e3-t4,max:n2+t4}}return{min:e3,max:n2}})(this.previews.flatMap((t3=>t3.samples.y))),u2=Math.ceil(o2-r2),d2=l2&&c2?this.previews.map((t3=>{const n2=(function(t4,e3,n3){const i2=Math.max(1,Math.ceil(e3));return"lttb"===n3?(function(t5,e4){const n4=t5.x.length,i3=Math.max(3,Math.floor(e4));if(!(i3>0)||n4<=i3)return t5;const s3=[t5.x[0]],a2=[t5.y[0]],r3=(n4-2)/(i3-2);let o3=0;for(let e5=0;e5<i3-2;e5++){const i4=Math.floor(e5*r3)+1,h2=Math.min(n4-1,Math.floor((e5+1)*r3)+1),l3=h2,c3=Math.min(n4,Math.floor((e5+2)*r3)+1);let u3=0,d3=0,g3=0;for(let e6=l3;e6<c3;e6++){const n5=t5.y[e6];null!==n5&&(u3+=t5.x[e6],d3+=n5,g3+=1)}g3>0&&(u3/=g3,d3/=g3);const f3=t5.y[o3];let y3=-1,v2=-1;for(let e6=i4;e6<h2;e6++){const n5=t5.y[e6];if(null===n5)continue;const i5=null===f3||0===g3?0:Math.abs((t5.x[o3]-u3)*(n5-f3)-(t5.x[o3]-t5.x[e6])*(d3-f3))/2;i5>v2&&(v2=i5,y3=e6)}-1!==y3?(s3.push(t5.x[y3]),a2.push(t5.y[y3]),o3=y3):(s3.push(t5.x[i4]),a2.push(null))}return s3.push(t5.x[n4-1]),a2.push(t5.y[n4-1]),{x:s3,y:a2}})(t4,i2):(function(t5,e4){const n4=t5.x.length,i3=Math.max(1,Math.floor(e4));if(!(i3>0)||n4<=2*i3)return t5;const s3=[],a2=[];for(let e5=0;e5<i3;e5++){const r3=Math.floor(e5*n4/i3),o3=Math.floor((e5+1)*n4/i3);let h2=-1,l3=-1;for(let e6=r3;e6<o3;e6++){const n5=t5.y[e6];null!==n5&&((-1===h2||n5<t5.y[h2])&&(h2=e6),(-1===l3||n5>t5.y[l3])&&(l3=e6))}if(-1===h2){s3.push(t5.x[r3]),a2.push(null);continue}const c3=Math.min(h2,l3),u3=Math.max(h2,l3);s3.push(t5.x[c3]),a2.push(t5.y[c3]),u3!==c3&&(s3.push(t5.x[u3]),a2.push(t5.y[u3]))}return{x:s3,y:a2}})(t4,i2)})(t3.samples,u2,this.sampling);return{key:t3.key,color:t3.color,count:n2.x.length,line:w(n2,l2,c2,e2),area:b(n2,l2,c2,e2)}})):[],g2=d2.reduce(((t3,e3)=>t3+e3.count),0),f2=l2?(function(t3,e3,n2){if(!t3)return[];const i2=Math.min(n2.start,n2.end),s3=Math.max(n2.start,n2.end),r3=a(t3.min,e3,n2),o3=a(t3.max,e3,n2),h2=Math.max(i2,Math.min(r3,o3)),l3=Math.min(s3,Math.max(r3,o3)),c3=[];return h2-i2>.5&&c3.push({from:i2,to:h2}),s3-l3>.5&&c3.push({from:l3,to:s3}),c3})(this.window,l2,s2):[],y2=Math.max(4,(t2?this.height:this.width)-2*h);return n(i,{class:{"sy-navigator":true,"sy-navigator--vertical":!t2,"sy-navigator--zoomed":!!this.window,"sy-navigator--empty":!l2||!c2},style:{position:"relative",display:"inline-block",width:this.width+"px",height:this.height+"px"},"data-samples":g2+"","data-series":d2.length+""},n("svg",{class:"sy-navigator__preview",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,"aria-hidden":"true"},n("rect",{class:"sy-navigator__frame",x:t2?r2:h,y:t2?h:r2,width:t2?o2-r2:y2,height:t2?y2:o2-r2,rx:3}),d2.map((t3=>t3.area?n("path",{class:"sy-navigator__area","data-series":t3.key,d:t3.area,style:t3.color?{fill:t3.color}:void 0}):null)),d2.map((t3=>t3.line?n("path",{class:"sy-navigator__series","data-series":t3.key,d:t3.line,style:t3.color?{stroke:t3.color}:void 0}):null)),f2.map((e3=>n("rect",{class:"sy-navigator__shade",x:t2?e3.from:h,y:t2?h:e3.from,width:t2?e3.to-e3.from:y2,height:t2?y2:e3.to-e3.from})))),n("sy-data-zoom",{class:"sy-navigator__slider",ref:t3=>{this.slider=t3},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}]}}static get style(){return":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)}"}},[512,"sy-navigator",{for:[1],target:[16],orientation:[1],axis:[8],width:[2],height:[2],minRangePx:[2,"min-range-px"],stepFraction:[2,"step-fraction"],showLabels:[4,"show-labels"],disabled:[4],series:[8],sampling:[1],boundTarget:[32],extent:[32],window:[32],previews:[32],refresh:[64],setWindow:[64],getWindow:[64],getExtent:[64]},void 0,{for:[{onTargetChange:0}],target:[{onTargetChange:0}],orientation:[{onPreviewChange:0}],axis:[{onPreviewChange:0}],series:[{onPreviewChange:0}],sampling:[{onPreviewChange:0}]}]);function _(){"undefined"!=typeof customElements&&["sy-navigator","sy-data-zoom"].forEach((t2=>{switch(t2){case"sy-navigator":customElements.get(s(t2))||customElements.define(s(t2),x);break;case"sy-data-zoom":customElements.get(s(t2))||u()}}))}_();const k=x,C=_;export{k as SyNavigator,C as defineCustomElement};

package/dist/components/sy-pareto-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyParetoChart extends Components.SyParetoChart, HTMLElement {
+}
+export const SyParetoChart: {
+    prototype: SyParetoChart;
+    new (): SyParetoChart;
+};
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,d as a,t as n}from"./p-BPmwlQtL.js";import{s as r,r as o}from"./p-DO6vGxJP.js";import{n as h,b as l}from"./p-COVKN1k-.js";import{C as c,c as u,a as d,p}from"./p-C3jLZ9n2.js";import{c as m,b as g}from"./p-DH8K7zqB.js";import{s as f,r as x}from"./p-CChSqEEO.js";import{c as b,l as y}from"./p-DTZUbymc.js";import{c as v}from"./p-BwM4aW0R.js";import{r as w}from"./p-BXmzh2Uk.js";import{a as C,e as k,r as _,f as S}from"./p-DhcQQtwn.js";import{r as A}from"./p-D0Zr5HHA.js";import{t as M,c as V}from"./p-C0f63Npv.js";import{s as T}from"./p-B3gMdXEP.js";function L(t2){return"number"!=typeof t2||!Number.isFinite(t2)||t2<0?0:t2}function P(t2,e2){return e2>0?t2/e2:t2}function N(t2,e2,i2){return t2.x+(e2+.5)*P(t2.width,i2)}function I(t2){if(0===t2.length)return"";let e2=`M ${$(t2[0].x)} ${$(t2[0].y)}`;for(let i2=1;i2<t2.length;i2++)e2+=` L ${$(t2[i2].x)} ${$(t2[i2].y)}`;return e2}function E(t2,e2,i2,s2){if(0===e2)return-1;if(i2<t2.x||i2>t2.x+t2.width)return-1;if(s2<t2.y||s2>t2.y+t2.height)return-1;const a2=P(t2.width,e2);return Math.max(0,Math.min(e2-1,Math.floor((i2-t2.x)/a2)))}function D(t2){return"number"==typeof t2&&Number.isFinite(t2)?t2<=0?0:t2>=1?1:t2:.1}function $(t2){return Math.round(100*t2)/100}function Y(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function F(t2){return"number"==typeof t2?Number.isFinite(t2)?{value:t2}:void 0:t2&&"object"==typeof t2&&"number"==typeof t2.value?{value:t2.value,category:t2.category}:void 0}const X="reveal",j="morph",R="stream",z="values",H="cumulative";function O(t2,e2){return e2?`${t2} ${e2}`:t2}function B(t2,e2){return"number"!=typeof e2?e2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?e2+"":e2+"px"}const W=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=i(this,"rendered",7),this.pointClick=i(this,"pointClick",7),this.pointHover=i(this,"pointHover",7),this.crosshairMove=i(this,"crosshairMove",7),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.seriesOutsideClick=i(this,"seriesOutsideClick",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.legendItemClick=i(this,"legendItemClick",7),this.seriesToggled=i(this,"seriesToggled",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7)}get host(){return 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=(function(){const t2=new Map;function e2(t3,e3){return t3.duration<=0?1:Y((function(t4,e4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,e4-t4.startedAt+t4.pausedElapsed)})(t3,e3)/t3.duration)}return{start(e3,i2){t2.set(e3,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,i2.duration),easing:i2.easing})},progressAt(i2,s2){const a2=t2.get(i2);if(a2)return a2.startedAt<0&&!a2.paused&&(a2.startedAt=s2),(function(t3,e3){const i3=Y(t3);switch(e3){case"linear":default:return i3;case"ease-out":return 1-(1-i3)*(1-i3)*(1-i3);case"ease-in":return i3*i3*i3;case"ease-in-out":return i3<.5?4*i3*i3*i3:1-Math.pow(-2*i3+2,3)/2}})(e2(a2,s2),a2.easing)},has:e3=>t2.has(e3),isActive(i2,s2){const a2=t2.get(i2);return!!a2&&(!!a2.paused||e2(a2,s2)<1)},tick(i2){const s2=[];for(const[a2,n2]of t2)n2.startedAt<0&&!n2.paused&&(n2.startedAt=i2),n2.paused||e2(n2,i2)>=1&&s2.push(a2);for(const e3 of s2)t2.delete(e3)},pauseAll(e3){for(const i2 of t2.values())i2.paused||(i2.startedAt>=0&&(i2.pausedElapsed+=e3-i2.startedAt),i2.paused=true)},resumeAll(e3){for(const i2 of t2.values())i2.paused&&(i2.startedAt=e3,i2.paused=false)},hasActive(){for(const e3 of t2.values())if(!e3.paused)return true;return false},cancel(e3){t2.delete(e3)},clear(){t2.clear()},entries:()=>t2}})();animationFrameHandle=null;morphActive=false;displayedBars=new Map;morphFromBars;displayedLine=new Map;morphFromLine;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new c({host:()=>this.host,input:()=>u(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});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(),this.hasLoaded&&this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&(this.streamUnsubscribe||this.bindToStreamSource(t2),this.handleStreamEvent(t2,{type:"replace",count:t2.length}))}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldInitialAnimation(null)&&this.startReveal()}componentDidRender(){this.detached||(this.measureTooltipBox(),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(t2,e2){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(e2)?this.startReveal():this.shouldUpdateAnimation(e2)?this.startMorph():this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){this.shouldInitialAnimation(null)?this.startReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.morphActive=false,this.stopAnimationLoop(),this.animationTick++)}handleVisualChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2){this.values=t2}async appendPoint(t2){await this.streamOrPlain("appendPoint",{type:"push",datum:t2},(()=>this.ensureInternalStreamSource()?.push(t2)))}async appendBatch(t2){await this.streamOrPlain("appendBatch",{type:"pushBatch",data:t2},(()=>this.ensureInternalStreamSource()?.pushBatch(t2)))}async shift(t2){await this.streamOrPlain("shift",{type:"shift",count:t2},(()=>this.activeStreamSource()?.shift(t2)))}async replace(t2){await this.streamOrPlain("replace",{type:"replace",data:t2},(()=>this.ensureInternalStreamSource()?.replace(t2)))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(t2=>"stream"===t2?this.activeStreamSource():void 0),void 0!==this.displayedStreamSource())}async setAnimation(t2){"number"==typeof t2.duration&&Number.isFinite(t2.duration)&&(this.animationDuration=Math.max(0,t2.duration)),t2.easing&&(this.animationEasing=t2.easing),"boolean"==typeof t2.enabled&&(this.animated=t2.enabled),t2.type&&(this.animationType=t2.type)}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now()),this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(t2,e2){const i2=this.computeParetoLayout(),s2=E(i2.plot,i2.model.bars.length,t2,e2);return s2<0?null:this.detailForIndex(i2,s2,t2,e2)}async showTooltipAtPoint(t2){const e2=this.resolveTooltipSpec();if(!e2.show)return null;const i2=this.computeParetoLayout(),s2=this.paretoHitAtIndex(i2,t2);return s2?this.showTooltipForHit(i2,s2,e2,true):null}async hideTooltip(){this.clearTooltips(),this.hoverIndex=null}hasVisibleTooltips(){return null!==this.cartesianTooltip||this.cartesianTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.cartesianTooltip=null,this.cartesianTooltips=[],this.tooltipHide.emit())}isStreaming(){return null!=this.displayedStreamSource()}computeParetoLayout(){const t2=(function(t3,e3,i3={}){const s3=false!==i3.sortDescending,a3=(function(t4){const e4=Array(t4.length);for(let i4=0;i4<t4.length;i4++)e4[i4]=L(t4[i4]);return e4})(t3).map(((t4,i4)=>({sourceIndex:i4,value:t4,category:e3?.[i4]??i4+1+""})));s3&&a3.sort(((t4,e4)=>e4.value-t4.value||t4.sourceIndex-e4.sourceIndex));const n3=a3.reduce(((t4,e4)=>t4+e4.value),0),r3=a3.reduce(((t4,e4)=>Math.max(t4,e4.value)),0);let o3=0;return{bars:a3.map((t4=>(o3+=t4.value,{sourceIndex:t4.sourceIndex,category:t4.category,value:t4.value,cumulative:o3,cumulativePercent:n3>0?o3/n3*100:0}))),total:n3,maxValue:r3}})(this.streamValues()??this.values,this.streamCategories(),{sortDescending:this.sortDescending&&!this.isStreaming()}),e2=this.legend?this.buildLegendLayout():null,i2=this.outerRectFromLegend(e2),s2=t2.bars.length,a2=t2.bars.map((t3=>t3.category)),n2=Number.isFinite(this.baseline)?this.baseline:0,r2=(function(t3){if(!Number.isFinite(t3)||t3<=0)return 1;const e3=1.02*t3,i3=Math.floor(Math.log10(e3)),s3=Math.pow(10,i3);for(const t4 of[1,1.5,2,2.5,3,4,5,6,8,10]){const i4=t4*s3;if(i4>=e3)return i4}return 10*s3})(Math.max(t2.maxValue,n2,1)),o2=Math.min(0,n2),h2=C(this.resolveXAxisInput(a2),this.resolveYAxisInput()),l2=m({outerWidth:i2.width,outerHeight:i2.height,axes:h2,gridLines:k(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,s2-.5)},yExtent:{min:o2,max:r2},yExtents:{value:{min:o2,max:r2},cumulative:{min:0,max:100}},requiredTicks:{y:n2,includeGridLines:false}}),c2={x:i2.x+l2.plot.x,y:i2.y+l2.plot.y,width:l2.plot.width,height:l2.plot.height},u2=l2.yScales.value??l2.yScale,d2=l2.yScales.cumulative??l2.yScale,p2=t3=>i2.y+u2(t3),g2=t3=>i2.y+d2(t3),f2=p2(n2),x2=(function(t3,e3,i3,s3,a3){const n3=t3.bars.length;if(0===n3)return[];const r3=P(e3.width,n3),o3=D(a3),h3=r3<2?0:r3*o3,l3=Math.max(0,r3-h3),c3=Array(n3);for(let a4=0;a4<n3;a4++){const n4=i3(t3.bars[a4].value),o4=Math.min(n4,s3);c3[a4]={x:e3.x+a4*r3+h3/2,y:o4,width:l3,height:Math.max(0,Math.max(n4,s3)-o4)}}return c3})(t2,c2,p2,f2,this.barPadding),b2=(function(t3,e3,i3){const s3=t3.bars.length,a3=Array(s3);for(let n3=0;n3<s3;n3++)a3[n3]={x:N(e3,n3,s3),y:i3(t3.bars[n3].cumulativePercent)};return a3})(t2,c2,g2);return{model:t2,outer:i2,plot:c2,frame:l2,valueY:p2,percentY:g2,baselineY:f2,bars:x2,linePoints:b2,legend:e2}}resolveXAxisInput(t2){const e2={kind:"category",position:"bottom",show:true,categories:t2,tickCount:Math.min(t2.length,24)};return this.xAxis&&"object"==typeof this.xAxis?{...e2,...this.xAxis,categories:t2}:false===this.xAxis||"off"===this.xAxis?{...e2,show:false}:e2}resolveYAxisInput(){return[{id:"value",kind:"linear",position:"left",show:true,label:this.valueAxisLabel,...this.yAxis&&"object"==typeof this.yAxis&&!Array.isArray(this.yAxis)?this.yAxis:{}},{id:"cumulative",kind:"linear",position:"right",show:true,min:0,max:100,label:this.cumulativeAxisLabel,format:t2=>Math.round(t2)+"%"}]}outerRectFromLegend(t2){if(!t2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const e2=t2.remainingOuter;return{x:e2.x,y:e2.y,width:Math.max(1,e2.width),height:Math.max(1,e2.height)}}buildLegendLayout(){const t2=[{label:"Values",swatchColor:A(this.color,"#2563eb"),swatchShape:"square",disabled:this.legendDisabled.has(z),id:z},{label:"Cumulative %",swatchColor:this.lineColor,swatchShape:"line",disabled:this.legendDisabled.has(H),id:H}];return v({outerWidth:this.width,outerHeight:this.height,items:t2,position:this.legendPosition,direction:"left"===this.legendPosition||"right"===this.legendPosition?"vertical":"horizontal",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&(null===t2||0===(t2?.length??0)))}shouldUpdateAnimation(t2){return!!this.shouldAnimate()&&"initial"!==this.animationType&&(t2?.length??0)>0}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(X,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}startMorph(){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(j,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}ensureAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2=()=>{const e2=this.now();this.animator.tick(e2),this.animationTick++,this.animator.hasActive()&&this.animator.entries().size>0?this.animationFrameHandle=requestAnimationFrame(t2):(this.animationFrameHandle=null,this.morphActive=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=requestAnimationFrame(t2)}stopAnimationLoop(){null!==this.animationFrameHandle&&(cancelAnimationFrame(this.animationFrameHandle),this.animationFrameHandle=null)}revealProgress(){return this.animator.has(X)?this.animator.progressAt(X,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(j)?this.animator.progressAt(j,this.now())??1:1}now(){return"undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){return this.streamSource?this.streamSource:(this.internalStreamSource||(this.internalStreamSource=(function(){const t2=Error("Dedicated streaming requires @syidax/advanced-pro");throw t2.code="module-missing",t2.feature="chart.streaming",t2})((this.coerceStreamCapacity(),this.valuesAsData())),this.bindToStreamSource(this.internalStreamSource)),this.internalStreamSource)}valuesAsData(){const t2=[];for(let e2=0;e2<this.values.length;e2++){const i2=this.values[e2];t2.push({value:"bigint"==typeof i2?Number(i2):"number"==typeof i2&&Number.isFinite(i2)?i2:0,category:this.categories?.[e2]})}return t2}coerceStreamCapacity(){const t2=this.streamMax;if("number"==typeof t2&&Number.isFinite(t2)&&t2>0)return Math.floor(t2);const e2=this.streamWindow;return"number"==typeof e2&&Number.isFinite(e2)&&e2>0?4*Math.floor(e2):2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const t2=this.streamLicense.route();if("pending"===t2||"refused"===t2)return;const e2="stream"===t2?this.streamSource:void 0;this.boundStreamSource!==e2&&(this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,e2&&(this.internalStreamSource=void 0,this.bindToStreamSource(e2)),this.boundStreamSource=e2)}bindToStreamSource(t2){this.detached||(this.streamUnsubscribe?.(),this.streamUnsubscribe=t2.subscribe((e2=>this.handleStreamEvent(t2,e2))))}async streamOrPlain(t2,e2,i2){const s2="shift"!==e2.type||this.plainStreamStarted||void 0!==this.displayedStreamSource();await this.streamLicense.run(t2,(t3=>{if("stream"===t3)return i2();("shift"!==e2.type||this.plainStreamStarted)&&("shift"!==e2.type&&(this.plainStreamStarted=true),this.applyPlainStream(e2))}),s2)}applyPlainStream(t2){const e2=this.valuesAsData().map((t3=>F(t3))).filter((t3=>void 0!==t3)),{list:i2,event:s2}=d(e2,t2,F);s2&&this.handleStreamEvent(p(i2),s2)}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenValues=this.values,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.values===this.streamFrozenValues||this.boundStreamSource||(this.internalStreamSource=void 0),this.streamFrozenValues=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,e2){const i2=this.streamWindow,s2=t2.snapshot("number"==typeof i2&&i2>0?i2:void 0),a2=Float32Array.from(s2.map((t3=>{const e3=t3.value;return"bigint"==typeof e3?Number(e3):"number"==typeof e3&&Number.isFinite(e3)?e3:0})));if(this.shouldAnimate()&&this.values.length>0&&a2.length>0){const t3=this.now(),e3=b(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFrom=this.currentStreamWindow(),this.suppressNextValuesAnimation=true,this.values=a2,e3>0&&(this.animator.start(R,{duration:e3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.values=a2;"push"!==e2.type&&"pushBatch"!==e2.type||this.appended.emit({count:e2.count}),"shift"===e2.type&&this.windowSlid.emit({dropped:e2.count})}currentStreamWindow(){return this.animator.has(R)&&this.streamFrom?y(this.streamFrom,this.values,this.animator.progressAt(R,this.now())??1):this.values instanceof Float32Array?this.values:Float32Array.from(this.values)}streamValues(){return this.animator.has(R)&&this.streamFrom?y(this.streamFrom,this.values,this.animator.progressAt(R,this.now())??1):null}streamCategories(){return this.categories}detailForIndex(t2,e2,i2,s2){const a2=t2.model.bars[e2];return{index:e2,sourceIndex:a2.sourceIndex,category:a2.category,value:a2.value,cumulative:a2.cumulative,cumulativePercent:a2.cumulativePercent,cssX:i2,cssY:s2}}resolveTooltipSpec(){const t2=_(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}paretoHitAtIndex(t2,e2){const i2=Math.trunc(e2);if(!Number.isFinite(i2)||i2<0||i2>=t2.model.bars.length)return null;const s2=t2.model.bars[i2],a2=t2.linePoints[i2],n2=a2?.x??N(t2.plot,i2,t2.model.bars.length);return{index:i2,sourceIndex:s2.sourceIndex,category:s2.category,value:s2.value,cumulative:s2.cumulative,cumulativePercent:s2.cumulativePercent,cssX:n2,cssY:Math.min(a2?.y??t2.plot.y,t2.bars[i2]?.y??t2.plot.y)}}srSummary(t2){if(0===t2.bars.length)return"Pareto chart, no data";const e2=t2.bars[0];return`Pareto chart, ${t2.bars.length} categories, total ${Math.round(t2.total)}. Largest ${e2.category} ${Math.round(e2.value)} (${Math.round(e2.cumulativePercent)}% cumulative).`}shouldShowTooltipOnHover(t2){return"click"!==t2.trigger}shouldShowTooltipOnClick(t2){return"click"===t2.trigger||"hover-click"===t2.trigger}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForHit(t2,e2,i2,s2=false){const a2=e2.cssX,n2=e2.cssY,o2={seriesIndex:0,pointIndex:e2.index,index:e2.index,value:e2.value,cssX:a2,cssY:n2,dataX:e2.index,dataY:e2.value,mode:i2.mode},h2=g({frame:{plot:t2.plot},hit:{cssX:a2,cssY:n2},spec:i2}),l2=this.lockedTooltipPositionForHit(e2,i2),c2=l2?.side??h2.side,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,i2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},d2=r(i2.format,[e2.value,o2],(()=>this.formatDefaultTooltipText(e2)),"tooltip.format",i2),p2=r(i2.html,[e2.value,o2],(()=>{}),"tooltip.html",i2),m2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:a2,pointCssY:n2,box:l2?.box,side:c2,text:d2,html:p2,className:i2.className,style:this.tooltipStyleFromSpec(i2),interactive:i2.interactive,connector:i2.connector,draggable:i2.draggable,offset:i2.offset,positionLock:l2?.lock,context:o2};this.tooltipDrag=void 0,s2&&"multiple"===i2.openMode?(this.cartesianTooltip=m2,this.cartesianTooltips=[...this.cartesianTooltips,m2]):(this.cartesianTooltips=[],this.cartesianTooltip=m2);const f2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:d2,html:p2,context:o2};return this.tooltipShow.emit(f2),f2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,sourceIndex:t2.sourceIndex,category:t2.category,value:t2.value,cumulative:t2.cumulative,cumulativePercent:t2.cumulativePercent,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){o(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${(function(t3){return Number.isInteger(t3)?t3+"":t3.toFixed(2)})(t2.value)}`}tooltipStyleFromSpec(t2){const e2={...t2.style??{}};return void 0!==t2.width&&(e2.width=t2.width),void 0!==t2.minWidth&&(e2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(e2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(e2.padding=t2.padding),Object.keys(e2).length>0?e2:void 0}renderTooltip(){const t2=this.cartesianTooltips.length>0,e2=t2?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!t3));return 0===e2.length?null:e2.map((e3=>this.renderTooltipItem(e3,!t2)))}renderTooltipItem(t2,e2){const{cssX:i2,cssY:a2,side:n2,text:r2,html:o2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,d2=t2.offset??10,p2={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:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(p2.left=t2.positionLock.x+"px",p2.top=t2.positionLock.y+"px",p2.transform=""):"top"===n2?(p2.left=i2+"px",p2.top=a2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===n2?(p2.left=i2+"px",p2.top=a2+d2+"px",p2.transform="translate(-50%, 0%)"):"left"===n2?(p2.left=i2-d2+"px",p2.top=a2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=i2+d2+"px",p2.top=a2+"px",p2.transform="translate(0%, -50%)");for(const[t3,e3]of Object.entries(l2??{}))p2[t3]=B(t3,e3);return void 0!==o2?s("div",{class:O("sy-pareto-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:o2}):s("div",{class:O("sy-pareto-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},r2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:s("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"},t2.map((t3=>{const e2=t3.connector,i2=M(t3);return s("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:i2.x,y2:i2.y,stroke:e2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":e2.width??1,"stroke-dasharray":e2.dash?.join(" ")})})))}positionedTooltipForRender(t2=this.cartesianTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const e2=t2.offset??10,i2=V({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:e2,padding:6}),s2=this.tooltipAnchorFromTopLeft(i2.x,i2.y,t2.box,i2.side,e2);return{...t2,...s2,side:i2.side}}tooltipTopLeftFromAnchor(t2){const e2=t2.box;if(!e2)return;const i2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-e2.width/2,y:t2.cssY-i2-e2.height}:"bottom"===t2.side?{x:t2.cssX-e2.width/2,y:t2.cssY+i2}:"left"===t2.side?{x:t2.cssX-i2-e2.width,y:t2.cssY-e2.height/2}:{x:t2.cssX+i2,y:t2.cssY-e2.height/2}}tooltipTopLeftFromElement(t2){const e2=t2.getBoundingClientRect(),i2=this.host.getBoundingClientRect();if(Number.isFinite(e2.left)&&Number.isFinite(e2.top))return{x:e2.left-i2.left,y:e2.top-i2.top}}tooltipAnchorFromPositionLock(t2,e2,i2,s2){return i2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,i2,e2,s2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKeyForHit(t2){return"0:"+t2.index}tooltipPositionKeyForContext(t2){return`${t2.seriesIndex??0}:${t2.pointIndex??t2.index??0}`}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(t2.context),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForHit(t2,e2){if(e2.draggable){const e3=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(t2));if(!e3)return;return{lock:{...e3.lock},side:e3.side,box:e3.box}}if(!e2.interactive||"multiple"===e2.openMode)return;const i2=this.positionedTooltipForRender();if(!i2?.box)return;if(i2.context.pointIndex!==t2.index)return;const s2=this.tooltipTopLeftFromAnchor(i2);return s2?{lock:s2,side:i2.side,box:i2.box}:void 0}tooltipAnchorFromTopLeft(t2,e2,i2,s2,a2){return"top"===s2?{cssX:t2+i2.width/2,cssY:e2+i2.height+a2}:"bottom"===s2?{cssX:t2+i2.width/2,cssY:e2-a2}:"left"===s2?{cssX:t2+i2.width+a2,cssY:e2+i2.height/2}:{cssX:t2-a2,cssY:e2+i2.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const t2=this.cartesianTooltip,e2=this.tooltipElement;if(!t2||!e2)return;const i2=e2.getBoundingClientRect();if(!Number.isFinite(i2.width)||!Number.isFinite(i2.height))return;const s2=Math.round(100*i2.width)/100,a2=Math.round(100*i2.height)/100;if(t2.box?.width===s2&&t2.box?.height===a2)return;const n2={width:s2,height:a2},r2={...t2,box:n2};t2.positionLock&&Object.assign(r2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,n2,t2.offset??10)),this.rememberDraggableTooltipPosition(r2),this.cartesianTooltip=r2}handleTooltipActionClick=t2=>{const e2=t2.target,i2=e2?.closest?.("[data-tooltip-action]"),s2=i2?.dataset.tooltipAction,a2=Number(i2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),n2=this.cartesianTooltips.find((t3=>t3.id===a2))??this.cartesianTooltip;s2&&n2&&(t2.stopPropagation(),this.tooltipAction.emit({...n2.context,action:s2,text:n2.text,html:n2.html}))};handleTooltipPointerDown=t2=>{if(!this.cartesianTooltip?.draggable)return;const e2=t2.target;if(e2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const i2=t2.currentTarget,s2=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip,a2=this.tooltipTopLeftFromElement(i2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},n2=this.cartesianTooltip.box??s2.box,r2={...this.cartesianTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:n2,positionLock:a2};Object.assign(r2,this.tooltipAnchorFromPositionLock(a2,r2.side,n2,r2.offset??10)),this.cartesianTooltip=r2,this.rememberDraggableTooltipPosition(r2),i2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:r2.cssX,originY:r2.cssY,originLockX:a2.x,originLockY:a2.y}};handleTooltipPointerMove=t2=>{const e2=this.tooltipDrag;if(!e2||e2.pointerId!==t2.pointerId||!this.cartesianTooltip)return;t2.preventDefault(),t2.stopPropagation();const i2={x:e2.originLockX+t2.clientX-e2.startX,y:e2.originLockY+t2.clientY-e2.startY},s2={...this.cartesianTooltip,positionLock:i2};Object.assign(s2,this.tooltipAnchorFromPositionLock(i2,s2.side,s2.box,s2.offset??10)),this.cartesianTooltip=s2,this.rememberDraggableTooltipPosition(s2)};handleTooltipPointerUp=t2=>{const e2=this.tooltipDrag;e2&&e2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.cartesianTooltip&&this.rememberDraggableTooltipPosition(this.cartesianTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};handlePointerMove=t2=>{if(!this.enableMouseTracking)return;const e2=this.computeParetoLayout(),i2=this.host.getBoundingClientRect(),s2=t2.clientX-i2.left,a2=t2.clientY-i2.top;this.updateCrosshair(e2,s2,a2);const n2=this.resolveTooltipSpec(),r2=E(e2.plot,e2.model.bars.length,s2,a2);if(r2<0)return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(n2)&&this.clearTooltips());if(r2!==this.hoverIndex&&(this.hoverIndex=r2,this.pointHover.emit(this.detailForIndex(e2,r2,s2,a2))),n2.show&&this.shouldShowTooltipOnHover(n2)){const t3=this.paretoHitAtIndex(e2,r2);t3&&this.showTooltipForHit(e2,t3,n2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(n2)&&this.clearTooltips()};handlePointerLeave=()=>{null!==this.hoverIndex&&this.pointHover.emit(null),this.hoverIndex=null,null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null));const t2=this.resolveTooltipSpec();this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(t2)&&this.clearTooltips()};updateCrosshair(t2,e2,i2){const s2=S(this.crosshair),{plot:a2}=t2;if(!s2.show||!(e2>=a2.x&&e2<=a2.x+a2.width&&i2>=a2.y&&i2<=a2.y+a2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const n2=t2.bars.map(((t3,e3)=>({pos:t3.x+t3.width/2,index:e3}))),r2=t2.linePoints.map(((t3,e3)=>({cssX:t3.x,cssY:t3.y,index:e3}))),o2=f(e2,i2,a2,"x",n2,r2,s2.snap);this.cursor&&this.cursor.cssX===o2.cssX&&this.cursor.cssY===o2.cssY||(this.cursor={cssX:o2.cssX,cssY:o2.cssY},this.crosshairMove.emit({cssX:o2.cssX,cssY:o2.cssY,snappedPointIndex:o2.index}))}crosshairLineBackground(t2,e2,i2){if(!i2||0===i2.length)return e2;const s2=Math.max(1,Number.isFinite(Number(i2[0]))?Number(i2[0]):4);return`repeating-linear-gradient(${"vertical"===t2?"to bottom":"to right"}, ${e2} 0px, ${e2} ${s2}px, transparent ${s2}px, transparent ${s2+Math.max(1,Number.isFinite(Number(i2[1]))?Number(i2[1]):s2)}px)`}renderCrosshair(t2){const e2=S(this.crosshair);if(!e2.show||!this.cursor)return null;const{plot:i2}=t2,a2=e2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",n2="horizontal"===e2.mode||"cross"===e2.mode;return s("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"}},("vertical"===e2.mode||"cross"===e2.mode)&&s("div",{class:"sy-pareto-chart__crosshair-line",style:{position:"absolute",left:this.cursor.cssX+"px",top:i2.y+"px",width:"1px",height:i2.height+"px",background:this.crosshairLineBackground("vertical",a2,e2.dash)}}),n2&&s("div",{class:"sy-pareto-chart__crosshair-line",style:{position:"absolute",left:i2.x+"px",top:this.cursor.cssY+"px",width:i2.width+"px",height:"1px",background:this.crosshairLineBackground("horizontal",a2,e2.dash)}}))}handlePointerClick=t2=>{const e2=this.computeParetoLayout(),i2=this.host.getBoundingClientRect(),s2=t2.clientX-i2.left,a2=t2.clientY-i2.top,{plot:n2}=e2,r2=s2>=n2.x&&s2<=n2.x+n2.width&&a2>=n2.y&&a2<=n2.y+n2.height,o2=E(e2.plot,e2.model.bars.length,s2,a2),h2=o2>=0?e2.bars[o2]:null;if(o2<0||null!==h2&&a2<h2.y)return this.hasVisibleTooltips()&&this.clearTooltips(),void(r2&&this.seriesOutsideClick.emit({cssX:s2,cssY:a2}));this.pointClick.emit(this.detailForIndex(e2,o2,s2,a2));const l2=this.resolveTooltipSpec();if(l2.show&&this.shouldShowTooltipOnClick(l2)){const t3=this.paretoHitAtIndex(e2,o2);t3&&this.showTooltipForHit(e2,t3,l2,true)}};handleContextMenu=t2=>{const e2=this.computeParetoLayout(),i2=this.host.getBoundingClientRect(),s2=t2.clientX-i2.left,a2=t2.clientY-i2.top,n2=E(e2.plot,e2.model.bars.length,s2,a2);if(n2<0)return;const r2=this.detailForIndex(e2,n2,s2,a2);this.pointContextMenu.emit(l(t2,this.host,"pareto",r2))};toggleSeries(t2,e2){const i2=new Set(this.legendDisabled);i2.has(t2)?i2.delete(t2):i2.add(t2),this.legendDisabled=i2;const s2=i2.has(t2);this.legendItemClick.emit({index:e2,seriesId:t2,label:t2===z?"Values":"Cumulative %",disabled:s2}),this.seriesToggled.emit({index:e2,seriesId:t2,disabled:s2})}render(){const t2=this.resolveEngine();this.activeTier=t2.tier,this.fallbackReason=t2.fallbackReason;const e2=this.computeParetoLayout(),i2=this.animator.has(X)&&!this.morphActive,n2=this.morphActive&&this.animator.has(j)&&void 0!==this.morphFromBars,r2=i2?this.revealProgress():1,o2=n2?this.morphProgress():1;this.lastRenderResult={points:e2.model.bars.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(e2.model);const h2=this.legendDisabled.has(z),l2=this.legendDisabled.has(H),c2=e2.baselineY,u2=new Map;e2.bars.forEach(((t3,e3)=>{let s2=t3.y;if(n2){const i3=this.morphFromBars.get(e3);void 0!==i3&&(s2=i3+(t3.y-i3)*o2)}else i2&&(s2=c2-(c2-t3.y)*r2);u2.set(e3,s2)}));const d2=new Map;return e2.linePoints.forEach(((t3,e3)=>{let i3=t3.x,s2=t3.y;if(n2){const a2=this.morphFromLine.get(e3);void 0!==a2&&(i3=a2.x+(t3.x-a2.x)*o2,s2=a2.y+(t3.y-a2.y)*o2)}d2.set(e3,{x:i3,y:s2})})),this.displayedBars=u2,this.displayedLine=d2,s(a,{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(e2),s("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},!h2&&this.renderBars(e2,u2),!l2&&this.showReference&&this.renderReference(e2),!l2&&this.renderCumulativeLine(e2,d2,r2,i2),!l2&&this.renderMarkers(e2,d2,r2,i2)),this.renderCrosshair(e2),e2.legend&&this.renderLegend(e2),this.renderTooltipConnector(),this.renderTooltip(),s("span",{key:"ab209cf043e81e28046ca6e3784531ebdc823593",class:"sy-pareto-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&s("span",{key:"258e951d6eb282e476d2192d2c3e110406b91e72",class:"sy-pareto-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),w(this.host,this.brandLogo,{width:this.width,height:this.height,plot:e2.plot}))}renderBars(t2,e2){const{bars:i2,model:a2,baselineY:n2}=t2,r2=A(this.color,"#2563eb");return s("g",{class:"sy-pareto-chart__bars"},i2.map(((t3,i3)=>{const o2=e2.get(i3)??t3.y,h2=n2-o2,l2=this.hoverIndex===i3;return s("rect",{key:"bar-"+a2.bars[i3].sourceIndex,class:{"sy-pareto-chart__bar":true,"sy-pareto-chart__bar--active":l2},x:U(t3.x),y:U(o2),width:U(t3.width),height:U(Math.max(0,h2)),fill:r2,opacity:l2||null===this.hoverIndex?1:.78})})))}renderReference(t2){const e2=t2.percentY(q(this.referenceValue));return s("g",{class:"sy-pareto-chart__reference","aria-hidden":"true"},s("line",{x1:U(t2.plot.x),y1:U(e2),x2:U(t2.plot.x+t2.plot.width),y2:U(e2),stroke:this.referenceColor,"stroke-width":1,"stroke-dasharray":"4 4"}),s("text",{class:"sy-pareto-chart__reference-label",x:U(t2.plot.x+t2.plot.width-4),y:U(e2-4),"text-anchor":"end",style:{fontSize:"10px",fill:this.referenceColor}},Math.round(q(this.referenceValue)),"%"))}renderCumulativeLine(t2,e2,i2,a2){const n2=t2.linePoints;if(0===n2.length)return null;const r2=n2.map(((t3,i3)=>e2.get(i3)??t3)),o2=a2?(function(t3,e3){if(0===t3.length)return"";if(1===t3.length)return I(t3);const i3=D(e3);if(i3>=1)return I(t3);const s2=t3[0],a3=t3[t3.length-1].x-s2.x;if(!Number.isFinite(a3)||a3<=0)return I(t3.slice(0,Math.max(1,Math.ceil(t3.length*i3))));const n3=s2.x+a3*i3,r3=[s2];for(let e4=1;e4<t3.length;e4++){const i4=t3[e4-1],s3=t3[e4];if(!(s3.x<=n3)){n3>i4.x&&s3.x>i4.x&&r3.push({x:n3,y:i4.y+(n3-i4.x)/(s3.x-i4.x)*(s3.y-i4.y)});break}r3.push(s3)}return I(r3)})(r2,i2):I(r2);return s("path",{class:"sy-pareto-chart__line",d:o2,fill:"none",stroke:this.lineColor,"stroke-width":this.lineWidth,"stroke-linejoin":"round","stroke-linecap":"round"})}renderMarkers(t2,e2,i2,a2){if("none"===this.marker)return null;const n2=t2.linePoints.map(((t3,i3)=>e2.get(i3)??t3)),r2=a2?(function(t3,e3){if(0===t3.length)return 0;const i3=D(e3);if(i3<=0)return 0;if(i3>=1||1===t3.length)return t3.length;const s2=t3[0],a3=t3[t3.length-1].x-s2.x;if(!Number.isFinite(a3)||a3<=0)return Math.max(1,Math.ceil(t3.length*i3));const n3=s2.x+a3*i3;let r3=0;for(const e4 of t3){if(!(e4.x<=n3))break;r3++}return r3})(n2,i2):n2.length,o2=Math.max(1,this.markerSize);return s("g",{class:"sy-pareto-chart__markers"},n2.slice(0,r2).map(((t3,e3)=>{const i3=this.hoverIndex===e3;if("square"===this.marker)return s("rect",{key:"mk-"+e3,class:"sy-pareto-chart__marker",x:U(t3.x-o2),y:U(t3.y-o2),width:U(2*o2),height:U(2*o2),fill:this.lineColor,stroke:"#fff","stroke-width":1});if("diamond"===this.marker){const i4=`M ${U(t3.x)} ${U(t3.y-o2)} L ${U(t3.x+o2)} ${U(t3.y)} L ${U(t3.x)} ${U(t3.y+o2)} L ${U(t3.x-o2)} ${U(t3.y)} Z`;return s("path",{key:"mk-"+e3,class:"sy-pareto-chart__marker",d:i4,fill:this.lineColor,stroke:"#fff","stroke-width":1})}return s("circle",{key:"mk-"+e3,class:"sy-pareto-chart__marker",cx:U(t3.x),cy:U(t3.y),r:i3?o2+1.5:o2,fill:this.lineColor,stroke:"#fff","stroke-width":1})})))}renderAxisOverlay(t2){const{frame:e2,outer:i2,plot:a2}=t2,n2=t3=>t3.label??t3.value+"",r2=e2.xTicks.map((t3=>n2(t3))),o2=e2.xTicks.map((t3=>i2.x+t3.position)),h2=x({labels:r2,centers:o2,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return s("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"}},e2.titleRect&&this.chartTitle&&s("div",{class:"sy-pareto-chart__title",style:{position:"absolute",left:i2.x+"px",top:i2.y+e2.titleRect.y+"px",width:i2.width+"px",textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),e2.subtitleRect&&this.chartSubtitle&&s("div",{class:"sy-pareto-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:i2.x+"px",top:i2.y+e2.subtitleRect.y+"px",width:i2.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),e2.yGridLines.map((t3=>s("div",{class:"sy-pareto-chart__grid-line",style:{position:"absolute",left:a2.x+"px",top:i2.y+t3.y+"px",width:a2.width+"px",height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),e2.xTicks.map(((t3,e3)=>h2.visible[e3]?s("div",{class:"sy-pareto-chart__axis-label sy-pareto-chart__axis-label--x",style:{position:"absolute",left:i2.x+t3.position-28+"px",top:a2.y+a2.height+4+"px",width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",...h2.rotationDeg>0?{transform:`rotate(${h2.rotationDeg}deg)`,transformOrigin:"top center",whiteSpace:"nowrap"}:{}}},n2(t3)):null)),e2.yAxes.map((t3=>{const e3="right"===t3.axis.position;return t3.ticks.map((r3=>s("div",{class:"sy-pareto-chart__axis-label sy-pareto-chart__axis-label--y","data-axis-key":t3.key,style:{position:"absolute",left:e3?a2.x+a2.width+6+"px":a2.x-48+"px",top:i2.y+r3.position-7+"px",width:"42px",textAlign:e3?"left":"right",font:"400 11px system-ui, sans-serif",color:e3?this.lineColor:"var(--sy-axis-color, #111827)"}},n2(r3))))})),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:a2.x+"px",top:a2.y+a2.height+"px",width:a2.width+"px",height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:a2.x+"px",top:a2.y+"px",width:"1px",height:a2.height+"px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:a2.x+a2.width+"px",top:a2.y+"px",width:"1px",height:a2.height+"px",background:this.lineColor,opacity:"0.5"}}),this.valueAxisLabel&&s("div",{class:"sy-pareto-chart__axis-title",style:{position:"absolute",left:a2.x-68+"px",top:a2.y+a2.height/2+"px",width:a2.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(t2){const e2=t2.legend;if(!e2.legendRect)return null;const i2=e2.legendRect,a2="left"===this.legendPosition||"right"===this.legendPosition,n2=[{seriesId:z,label:"Values",color:A(this.color,"#2563eb"),shape:"square"},{seriesId:H,label:"Cumulative %",color:this.lineColor,shape:"line"}];return s("div",{class:"sy-pareto-chart__legend",style:{position:"absolute",left:i2.x+"px",top:i2.y+"px",width:i2.width+"px",height:i2.height+"px",display:"flex",flexDirection:a2?"column":"row",flexWrap:"wrap",gap:"12px",alignItems:"center",justifyContent:"center",pointerEvents:"auto"}},n2.map(((t3,e3)=>{const i3=this.legendDisabled.has(t3.seriesId);return s("button",{type:"button",class:{"sy-pareto-chart__legend-item":true,"sy-pareto-chart__legend-item--disabled":i3},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",cursor:"pointer",font:"400 12px system-ui, sans-serif",opacity:i3?"0.4":"1"},onClick:()=>this.toggleSeries(t3.seriesId,e3)},s("span",{class:"sy-pareto-chart__legend-swatch",style:{width:"12px",height:"line"===t3.shape?"3px":"12px",borderRadius:"2px",background:t3.color}}),s("span",{class:"sy-pareto-chart__legend-label"},t3.label))})))}resolveEngine(){try{return(function(t2){if("pro"===t2.requested){const e2="no GPU pareto renderer exists";if("error"===h(t2.onUnavailable))throw Error('sy-pareto-chart: Pro engine is unavailable — no GPU pareto renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-pareto-chart: Pro renderer unavailable, falling back to Standard (${e2}).`),{tier:"standard",fallbackReason:e2}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable})}catch(t2){throw t2}}async getEngineStatus(){return T({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}]}}static get style(){return".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}"}},[514,"sy-pareto-chart",{values:[1040],categories:[16],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],color:[1],lineColor:[1,"line-color"],lineWidth:[2,"line-width"],marker:[1],markerSize:[2,"marker-size"],baseline:[2],barPadding:[2,"bar-padding"],sortDescending:[4,"sort-descending"],referenceValue:[2,"reference-value"],showReference:[4,"show-reference"],referenceColor:[1,"reference-color"],valueAxisLabel:[1,"value-axis-label"],cumulativeAxisLabel:[1,"cumulative-axis-label"],xAxis:[8,"x-axis"],xLabelMode:[1,"x-label-mode"],xLabelRotation:[2,"x-label-rotation"],xLabelMaxCount:[2,"x-label-max"],yAxis:[8,"y-axis"],gridLines:[8,"grid-lines"],crosshair:[8],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipEnabled:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],legend:[4],legendPosition:[1,"legend-position"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],activeTier:[32],fallbackReason:[32],legendDisabled:[32],cartesianTooltip:[32],cartesianTooltips:[32],srAnnouncement:[32],animationTick:[32],hoverIndex:[32],cursor:[32],redraw:[64],getActiveTier:[64],setData:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAtPoint:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{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 U(t2){return Math.round(100*t2)/100}function q(t2){return Number.isFinite(t2)?Math.max(0,Math.min(100,t2)):80}function G(){"undefined"!=typeof customElements&&["sy-pareto-chart"].forEach((t2=>{"sy-pareto-chart"===t2&&(customElements.get(n(t2))||customElements.define(n(t2),W))}))}G();const K=W,Z=G;export{K as SyParetoChart,Z as defineCustomElement};

package/dist/components/sy-pictorial-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyPictorialChart extends Components.SyPictorialChart, HTMLElement {
+}
+export const SyPictorialChart: {
+    prototype: SyPictorialChart;
+    new (): SyPictorialChart;
+};
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,d as o,t as n}from"./p-BPmwlQtL.js";import{s as a,r}from"./p-DO6vGxJP.js";import{n as h,b as l}from"./p-COVKN1k-.js";import{C as c,c as u,a as p,p as d}from"./p-C3jLZ9n2.js";import{c as m,b as f}from"./p-DH8K7zqB.js";import{s as x,r as y}from"./p-CChSqEEO.js";import{c as g,l as b}from"./p-DTZUbymc.js";import{r as v}from"./p-BXmzh2Uk.js";import{Z as w,r as k}from"./p-COqnXkRL.js";import{n as C}from"./p-D0Zr5HHA.js";import{a as S,e as M,r as A,f as T}from"./p-DhcQQtwn.js";import{t as _,c as P}from"./p-C0f63Npv.js";import{t as z}from"./p-S3uzYKsD.js";import{s as V}from"./p-B3gMdXEP.js";function L(t2){const i2="bigint"==typeof t2?Number(t2):t2;return"number"==typeof i2&&Number.isFinite(i2)?i2:null}function N(t2,i2,s2,e2){const o2=i2(t2-.5),n2=i2(t2+.5);return{centerX:(o2+n2)/2,width:Math.abs(n2-o2),floorY:s2,height:Math.max(1,Math.abs(s2-e2))}}function X(t2,i2,s2){const e2=Math.min(Math.max(1,t2.width*(1-Math.min(.9,Math.max(0,Number.isFinite(i2)?i2:.1))))/s2.width,Math.max(1,t2.height)/s2.height),o2=s2.width*e2,n2=s2.height*e2;return{x:t2.centerX-o2/2,y:t2.floorY-n2,width:o2,height:n2}}function Y(t2,i2,s2){const e2=i2-s2;return Number.isFinite(t2)&&Number.isFinite(e2)&&0!==e2?Math.min(1,Math.max(0,(i2-t2)/e2)):0}function E(t2,i2){const s2=t2.height*Math.min(1,Math.max(0,i2));return{x:t2.x,y:t2.y+t2.height-s2,width:t2.width,height:s2}}function D(t2){return Math.round(100*t2)/100}const F=/([MmLlHhVvCcSsQqTtAaZz])([^MmLlHhVvCcSsQqTtAaZz]*)/g,I=/-?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;function $(t2){const i2=[];for(const s2 of t2.matchAll(I))i2.push(Number(s2[0]));return i2}function H(t2){if("string"!=typeof t2||0===t2.trim().length)return null;let i2=1/0,s2=1/0,e2=-1/0,o2=-1/0,n2=0,a2=0,r2=0,h2=0,l2=false;const c2=(t3,n3)=>{Number.isFinite(t3)&&Number.isFinite(n3)&&(l2=true,t3<i2&&(i2=t3),n3<s2&&(s2=n3),t3>e2&&(e2=t3),n3>o2&&(o2=n3))};for(const i3 of t2.matchAll(F)){const t3=i3[1],s3=$(i3[2]),e3=t3===t3.toLowerCase()&&"Z"!==t3&&"z"!==t3;switch(t3.toUpperCase()){case"M":case"L":for(let i4=0;i4+1<s3.length;i4+=2)n2=e3?n2+s3[i4]:s3[i4],a2=e3?a2+s3[i4+1]:s3[i4+1],c2(n2,a2),"M"===t3.toUpperCase()&&0===i4&&(r2=n2,h2=a2);break;case"H":for(const t4 of s3)n2=e3?n2+t4:t4,c2(n2,a2);break;case"V":for(const t4 of s3)a2=e3?a2+t4:t4,c2(n2,a2);break;case"C":for(let t4=0;t4+5<s3.length;t4+=6){const[i4,o3,r3,h3,l3,u2]=e3?[n2+s3[t4],a2+s3[t4+1],n2+s3[t4+2],a2+s3[t4+3],n2+s3[t4+4],a2+s3[t4+5]]:[s3[t4],s3[t4+1],s3[t4+2],s3[t4+3],s3[t4+4],s3[t4+5]];c2(i4,o3),c2(r3,h3),c2(l3,u2),n2=l3,a2=u2}break;case"S":case"Q":for(let t4=0;t4+3<s3.length;t4+=4){const[i4,o3,r3,h3]=e3?[n2+s3[t4],a2+s3[t4+1],n2+s3[t4+2],a2+s3[t4+3]]:[s3[t4],s3[t4+1],s3[t4+2],s3[t4+3]];c2(i4,o3),c2(r3,h3),n2=r3,a2=h3}break;case"T":for(let t4=0;t4+1<s3.length;t4+=2)n2=e3?n2+s3[t4]:s3[t4],a2=e3?a2+s3[t4+1]:s3[t4+1],c2(n2,a2);break;case"A":for(let t4=0;t4+6<s3.length;t4+=7){const i4=e3?n2+s3[t4+5]:s3[t4+5],o3=e3?a2+s3[t4+6]:s3[t4+6],r3=Math.max(Math.abs(s3[t4]),Math.abs(s3[t4+1]));c2(n2-r3,a2-r3),c2(n2+r3,a2+r3),c2(i4-r3,o3-r3),c2(i4+r3,o3+r3),n2=i4,a2=o3}break;case"Z":n2=r2,a2=h2}}return!l2||e2<=i2||o2<=s2?null:{minX:i2,minY:s2,maxX:e2,maxY:o2,width:e2-i2,height:o2-s2}}const O="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 j(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function Z(t2){return"number"==typeof t2?Number.isFinite(t2)?{value:t2}:void 0:t2&&"object"==typeof t2&&"number"==typeof t2.value?{value:t2.value,category:t2.category}:void 0}const R="reveal",B="morph",U="stream";let K=0;function q(t2,i2){return i2?`${t2} ${i2}`:t2}function W(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?i2+"":i2+"px"}const Q=t(class extends i{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=s(this,"rendered",7),this.pointClick=s(this,"pointClick",7),this.pointHover=s(this,"pointHover",7),this.crosshairMove=s(this,"crosshairMove",7),this.pointContextMenu=s(this,"pointContextMenu",7),this.appended=s(this,"appended",7),this.windowSlid=s(this,"windowSlid",7),this.chartAnimationStart=s(this,"chartAnimationStart",7),this.chartAnimationEnd=s(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=s(this,"chartAnimationInterrupted",7),this.tooltipShow=s(this,"tooltipShow",7),this.tooltipHide=s(this,"tooltipHide",7),this.tooltipAction=s(this,"tooltipAction",7),this.seriesOutsideClick=s(this,"seriesOutsideClick",7),this.zoomChange=s(this,"zoomChange",7)}get host(){return 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 w(this.zoomInteractionHost());tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=(function(){const t2=new Map;function i2(t3,i3){return t3.duration<=0?1:j((function(t4,i4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,i4-t4.startedAt+t4.pausedElapsed)})(t3,i3)/t3.duration)}return{start(i3,s2){t2.set(i3,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,s2.duration),easing:s2.easing})},progressAt(s2,e2){const o2=t2.get(s2);if(o2)return o2.startedAt<0&&!o2.paused&&(o2.startedAt=e2),(function(t3,i3){const s3=j(t3);switch(i3){case"linear":default:return s3;case"ease-out":return 1-(1-s3)*(1-s3)*(1-s3);case"ease-in":return s3*s3*s3;case"ease-in-out":return s3<.5?4*s3*s3*s3:1-Math.pow(-2*s3+2,3)/2}})(i2(o2,e2),o2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const o2=t2.get(s2);return!!o2&&(!!o2.paused||i2(o2,e2)<1)},tick(s2){const e2=[];for(const[o2,n2]of t2)n2.startedAt<0&&!n2.paused&&(n2.startedAt=s2),n2.paused||i2(n2,s2)>=1&&e2.push(o2);for(const i3 of e2)t2.delete(i3)},pauseAll(i3){for(const s2 of t2.values())s2.paused||(s2.startedAt>=0&&(s2.pausedElapsed+=i3-s2.startedAt),s2.paused=true)},resumeAll(i3){for(const s2 of t2.values())s2.paused&&(s2.startedAt=i3,s2.paused=false)},hasActive(){for(const i3 of t2.values())if(!i3.paused)return true;return false},cancel(i3){t2.delete(i3)},clear(){t2.clear()},entries:()=>t2}})();animationFrameHandle=null;morphActive=false;displayedFills=new Map;morphFromFills;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new c({host:()=>this.host,input:()=>u(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});streamFrozenValues;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFrom;lastStreamTime;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;pathBoundsCache=new Map;instanceId=++K;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&(this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false}),this.resumeStreamBinding())}resumeStreamBinding(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&(this.streamUnsubscribe||this.bindToStreamSource(t2),this.handleStreamEvent(t2,{type:"replace",count:t2.length}))}componentDidLoad(){this.hasLoaded=true,this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false}),this.bindStreamSource(),this.shouldInitialAnimation(null)&&this.startReveal()}componentDidRender(){this.detached||(this.measureTooltipBox(),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(t2,i2){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(i2)?this.startReveal():this.shouldUpdateAnimation(i2)?this.startMorph():this.animationTick++}handleStreamSourceChange(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&this.applyStreamSnapshot(t2)}handleAnimationToggle(){this.shouldInitialAnimation(null)?this.startReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.morphActive=false,this.stopAnimationLoop(),this.animationTick++)}handleVisualChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2){this.values=t2}async appendPoint(t2){await this.streamOrPlain("appendPoint",{type:"push",datum:t2},(()=>this.ensureInternalStreamSource()?.push(t2)))}async appendBatch(t2){await this.streamOrPlain("appendBatch",{type:"pushBatch",data:t2},(()=>this.ensureInternalStreamSource()?.pushBatch(t2)))}async shift(t2){await this.streamOrPlain("shift",{type:"shift",count:t2},(()=>this.activeStreamSource()?.shift(t2)))}async replace(t2){await this.streamOrPlain("replace",{type:"replace",data:t2},(()=>this.ensureInternalStreamSource()?.replace(t2)))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(t2=>"stream"===t2?this.activeStreamSource():void 0),void 0!==this.displayedStreamSource())}async setAnimation(t2){"number"==typeof t2.duration&&Number.isFinite(t2.duration)&&(this.animationDuration=Math.max(0,t2.duration)),t2.easing&&(this.animationEasing=t2.easing),"boolean"==typeof t2.enabled&&(this.animated=t2.enabled),t2.type&&(this.animationType=t2.type)}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now()),this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(t2,i2){const s2=this.computePictorialLayout(),e2=this.bandIndexAtPoint(s2,t2,i2);return e2<0?null:this.detailForIndex(s2,e2,t2,i2)}async showTooltipAtPoint(t2){const i2=this.resolveTooltipSpec();if(!i2.show)return null;const s2=this.computePictorialLayout(),e2=this.pictorialHitAtIndex(s2,t2);return e2?this.showTooltipForHit(s2,e2,i2,true):null}async hideTooltip(){this.clearTooltips(),this.hoverIndex=null}async zoomTo(t2){return this.zoomInteraction.zoomTo(t2)}async zoomBy(t2,i2=.5){return this.zoomInteraction.zoomBy(t2,i2)}async panBy(t2){return this.zoomInteraction.panBy(t2)}async resetZoom(){return this.zoomInteraction.reset()}async getZoom(){return this.zoomState}async getZoomExtent(t2){return this.zoomInteraction.extent(t2)}zoomSpec(){return k(this.zoom)}zoomInteractionHost(){return{frame:()=>this.zoomHostFrame(),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:t2=>{this.zoomState=t2},emit:t2=>{this.zoomChange.emit(t2)},selection:t2=>{this.zoomSelection=t2},standDown:()=>this.zoomStandDown()}}zoomHostFrame(){const t2=this.computePictorialLayout();return{plot:t2.plot,xAxes:t2.frame.xAxes,yAxes:t2.frame.yAxes}}zoomStandDown(){this.clearTooltips(),null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null))}hostCoords(t2){const i2=this.host.getBoundingClientRect();return{x:t2.clientX-i2.left,y:t2.clientY-i2.top}}zoomPointerInput(t2){const i2=this.hostCoords(t2);return{pointerId:t2.pointerId,x:i2.x,y:i2.y,button:t2.button,shiftKey:t2.shiftKey,altKey:t2.altKey,pointerType:t2.pointerType}}zoomWheelInput(t2){const i2=this.hostCoords(t2);return{x:i2.x,y:i2.y,deltaX:t2.deltaX,deltaY:t2.deltaY,deltaMode:t2.deltaMode,ctrlKey:t2.ctrlKey,metaKey:t2.metaKey,shiftKey:t2.shiftKey}}handleZoomWheel=t2=>{this.zoomInteraction.wheel(this.zoomWheelInput(t2))&&t2.preventDefault()};handleZoomPointerDown=t2=>{this.zoomInteraction.pointerDown(this.zoomPointerInput(t2))&&t2.currentTarget?.setPointerCapture?.(t2.pointerId)};handleZoomPointerMove(t2){return this.zoomInteraction.pointerMove(this.zoomPointerInput(t2))}handleZoomPointerUp=t2=>{const i2=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(t2)),i2&&t2.currentTarget?.releasePointerCapture?.(t2.pointerId)};handleZoomPointerCancel=()=>{this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){return this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown(t2){return!!this.zoomInteraction.wantsKey(t2)&&!!this.zoomInteraction.keyDown(t2)&&(t2.preventDefault(),t2.stopPropagation(),true)}handleHostKeyDown=t2=>{this.handleZoomKeyDown(t2)};renderZoomOverlay(t2){const i2=this.zoomSpec(),s2=this.zoomSelection,o2=null!==this.zoomState;if(!(s2||o2&&i2.resetButton))return null;const n2=t2.plot;return e("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"}},s2&&e("div",{class:"sy-pictorial-chart__zoom-selection","aria-hidden":"true",style:{position:"absolute",left:s2.x+"px",top:s2.y+"px",width:s2.width+"px",height:s2.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))"}}),o2&&i2.resetButton&&e("button",{type:"button",class:"sy-pictorial-chart__zoom-reset","aria-label":"Reset zoom",onClick:()=>{this.resetZoom()},style:{...w.resetButtonStyle,position:"absolute",left:n2.x+n2.width-8+"px",top:n2.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 null!==this.cartesianTooltip||this.cartesianTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.cartesianTooltip=null,this.cartesianTooltips=[],this.tooltipHide.emit())}resolvedPaths(){const t2=Array.isArray(this.paths)?this.paths.filter((t3=>"string"==typeof t3&&t3.trim().length>0)):[];return t2.length>0?[...t2]:[O]}boundsFor(t2){let i2=this.pathBoundsCache.get(t2);return void 0===i2&&(i2=H(t2),this.pathBoundsCache.set(t2,i2)),i2??H(O)}iconColors(t2){const i2=C(this.color);return Array.from({length:t2},0===i2.length?()=>"#2563eb":1===i2.length?()=>i2[0]:(t3,s2)=>i2[s2%i2.length])}axisInputs(t2){return Array.isArray(t2)?t2:[t2]}xAxisSlots(t2,i2){const s2=this.axisInputs(this.xAxis),e2=(s3,e3)=>{const o2=0===e3?{kind:"category",show:true,categories:t2,tickCount:i2}:{kind:"linear",show:true};if(null==s3||"auto"===s3||true===s3)return o2;if(false===s3||"off"===s3)return{...o2,show:false};if("object"!=typeof s3)return o2;const n2=s3,a2=0===e3?{...o2,...n2,kind:"category",categories:t2,tickCount:n2.tickCount??i2}:{...o2,...n2};return"top"!==n2.position&&"bottom"!==n2.position&&delete a2.position,a2};return s2.length>1?s2.map(e2):e2(s2[0],0)}yAxisSlots(){const t2=this.axisInputs(this.yAxis),i2=(t3,i3)=>{const s2={kind:"linear",show:true,...0===i3&&this.valueAxisLabel?{label:this.valueAxisLabel}:{}};if(null==t3||"auto"===t3||true===t3)return s2;if(false===t3||"off"===t3)return{...s2,show:false};if("object"!=typeof t3)return s2;const e2=t3,o2={...s2,...e2,kind:"log"===e2.kind?"log":"linear"};return"left"!==e2.position&&"right"!==e2.position&&delete o2.position,o2};return t2.length>1?t2.map(i2):i2(t2[0],0)}computePictorialLayout(){const t2=(function(t3,i3){const s3=[];for(let e4=0;e4<t3.length;e4++)s3.push({index:e4,category:i3?.[e4]??e4+1+"",value:L(t3[e4])});let e3=0,o3=0,n3=false;for(const t4 of s3)null!==t4.value&&(n3?(e3=Math.max(e3,t4.value),o3=Math.min(o3,t4.value)):(e3=t4.value,o3=t4.value,n3=true));return{items:s3,maxValue:n3?e3:0,minValue:n3?o3:0}})(this.streamValues()??this.values,this.categories),i2={x:0,y:0,width:this.width,height:this.height},s2=t2.items.length,e2=t2.items.map((t3=>t3.category)),o2=(function(t3){if(!Number.isFinite(t3)||t3<=0)return 1;const i3=1.05*t3,s3=Math.floor(Math.log10(i3)),e3=Math.pow(10,s3);for(const t4 of[1,1.5,2,2.5,3,4,5,6,8,10])if(t4*e3>=i3)return t4*e3;return 10*e3})(Math.max(t2.maxValue,1)),n2={min:-.5,max:Math.max(.5,s2-.5)},a2={min:0,max:o2},r2=S(this.xAxisSlots(e2,Math.min(s2,24)),this.yAxisSlots()),h2=m({outerWidth:i2.width,outerHeight:i2.height,axes:r2,gridLines:M(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:n2,yExtent:a2,zoom:this.zoomState??void 0}),l2={x:i2.x+h2.plot.x,y:i2.y+h2.plot.y,width:h2.plot.width,height:h2.plot.height},c2=h2.yAxes.find((t3=>t3.axis.show))??h2.yAxes[0],u2=c2?.fullExtent??a2,p2=Math.max(u2.min,u2.max),d2=t3=>i2.x+h2.xScale(t3),f2=t3=>i2.y+h2.yScale(t3),x2=f2(Math.min(u2.min,u2.max)),y2=f2(p2),g2=this.resolvedPaths(),b2=this.iconColors(s2),v2=[];for(const i3 of t2.items){if(null===i3.value)continue;const t3=g2[i3.index%g2.length],s3=this.boundsFor(t3),e3=N(i3.index,d2,x2,y2);v2.push({index:i3.index,category:i3.category,value:i3.value,x:e3.centerX,iconRect:X(e3,this.iconPadding,s3),fraction:Y(f2(i3.value),x2,y2),color:b2[i3.index]??"#2563eb",path:t3,bounds:s3})}return{model:t2,outer:i2,plot:l2,frame:h2,axisMax:p2,icons:v2}}bandIndexAtPoint(t2,i2,s2){return(function(i3,s3,e2,o2){if(0===s3)return-1;if(e2<i3.x||e2>i3.x+i3.width)return-1;if(o2<i3.y||o2>i3.y+i3.height)return-1;const n2=Math.round((i4=>t2.frame.xScale.invert(i4-t2.outer.x))(e2));return Number.isFinite(n2)?Math.max(0,Math.min(s3-1,n2)):-1})(t2.plot,t2.model.items.length,i2,s2)}visibleIcons(t2){if(null===this.zoomState)return t2.icons;const{plot:i2}=t2;return t2.icons.filter((t3=>t3.iconRect.x+t3.iconRect.width>=i2.x&&t3.iconRect.x<=i2.x+i2.width&&t3.iconRect.y<=i2.y+i2.height&&t3.iconRect.y+t3.iconRect.height>=i2.y))}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&(null===t2||0===(t2?.length??0)))}shouldUpdateAnimation(t2){return!!this.shouldAnimate()&&"initial"!==this.animationType&&(t2?.length??0)>0}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(R,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}startMorph(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=true,this.animator.clear(),this.morphFromFills=new Map(this.displayedFills),this.animator.start(B,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}ensureAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2=()=>{this.animator.tick(this.now()),this.animationTick++,this.animator.hasActive()&&this.animator.entries().size>0?this.animationFrameHandle=requestAnimationFrame(t2):(this.animationFrameHandle=null,this.morphActive=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=requestAnimationFrame(t2)}stopAnimationLoop(){null!==this.animationFrameHandle&&(cancelAnimationFrame(this.animationFrameHandle),this.animationFrameHandle=null)}revealProgress(){return this.animator.has(R)?this.animator.progressAt(R,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(B)?this.animator.progressAt(B,this.now())??1:1}now(){return"undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){return this.streamSource?this.streamSource:(this.internalStreamSource||(this.internalStreamSource=(function(){const t2=Error("Dedicated streaming requires @syidax/advanced-pro");throw t2.code="module-missing",t2.feature="chart.streaming",t2})((this.coerceStreamCapacity(),this.valuesAsData())),this.bindToStreamSource(this.internalStreamSource)),this.internalStreamSource)}valuesAsData(){const t2=[];for(let i2=0;i2<this.values.length;i2++){const s2=this.values[i2];t2.push({value:"bigint"==typeof s2?Number(s2):"number"==typeof s2&&Number.isFinite(s2)?s2:0,category:this.categories?.[i2]})}return t2}coerceStreamCapacity(){return"number"==typeof this.streamMax&&Number.isFinite(this.streamMax)&&this.streamMax>0?Math.floor(this.streamMax):"number"==typeof this.streamWindow&&Number.isFinite(this.streamWindow)&&this.streamWindow>0?4*Math.floor(this.streamWindow):2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const t2=this.streamLicense.route();if("pending"===t2||"refused"===t2)return;const i2="stream"===t2?this.streamSource:void 0;this.boundStreamSource!==i2&&(this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,i2&&(this.internalStreamSource=void 0,this.bindToStreamSource(i2)),this.boundStreamSource=i2)}bindToStreamSource(t2){this.detached||(this.streamUnsubscribe?.(),this.streamUnsubscribe=t2.subscribe((i2=>this.handleStreamEvent(t2,i2))))}async streamOrPlain(t2,i2,s2){const e2="shift"!==i2.type||this.plainStreamStarted||void 0!==this.displayedStreamSource();await this.streamLicense.run(t2,(t3=>{if("stream"===t3)return s2();("shift"!==i2.type||this.plainStreamStarted)&&("shift"!==i2.type&&(this.plainStreamStarted=true),this.applyPlainStream(i2))}),e2)}applyPlainStream(t2){const i2=this.valuesAsData().map((t3=>Z(t3))).filter((t3=>void 0!==t3)),{list:s2,event:e2}=p(i2,t2,Z);e2&&this.handleStreamEvent(d(s2),e2)}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenValues=this.values,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.values===this.streamFrozenValues||this.boundStreamSource||(this.internalStreamSource=void 0),this.streamFrozenValues=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,i2){this.applyStreamSnapshot(t2),"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}applyStreamSnapshot(t2){const i2=t2.snapshot("number"==typeof this.streamWindow&&this.streamWindow>0?this.streamWindow:void 0),s2=Float32Array.from(i2.map((t3=>{const i3=t3.value;return"bigint"==typeof i3?Number(i3):"number"==typeof i3&&Number.isFinite(i3)?i3:0})));if(this.shouldAnimate()&&this.values.length>0&&s2.length>0){const t3=this.now(),i3=g(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFrom=this.currentStreamWindow(),this.suppressNextValuesAnimation=true,this.values=s2,i3>0&&(this.animator.start(U,{duration:i3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.values=s2}currentStreamWindow(){return this.animator.has(U)&&this.streamFrom?b(this.streamFrom,this.valuesAsFloat32(),this.animator.progressAt(U,this.now())??1):this.valuesAsFloat32()}streamValues(){return this.animator.has(U)&&this.streamFrom?b(this.streamFrom,this.valuesAsFloat32(),this.animator.progressAt(U,this.now())??1):null}valuesAsFloat32(){return this.values instanceof Float32Array?this.values:Float32Array.from(this.values)}detailForIndex(t2,i2,s2,e2){const o2=t2.model.items[i2],n2=t2.icons.find((t3=>t3.index===i2));return{index:i2,category:o2.category,value:o2.value??0,fraction:n2?.fraction??0,cssX:s2,cssY:e2}}resolveTooltipSpec(){const t2=A(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}iconValuePoint(t2,i2){const s2=E(t2.iconRect,t2.fraction);return{cssX:Math.max(i2.x,Math.min(i2.x+i2.width,t2.x)),cssY:Math.max(i2.y,Math.min(i2.y+i2.height,s2.y))}}pictorialHitAtIndex(t2,i2){const s2=Math.trunc(i2);if(!Number.isFinite(s2)||s2<0||s2>=t2.model.items.length)return null;const e2=t2.model.items[s2];if(null===e2.value)return null;const o2=t2.icons.find((t3=>t3.index===s2));if(!o2)return null;const n2=this.iconValuePoint(o2,t2.plot);return{index:s2,value:e2.value,category:e2.category,fraction:o2.fraction,cssX:n2.cssX,cssY:n2.cssY}}srSummary(t2){const i2=t2.items.filter((t3=>null!==t3.value));return 0===i2.length?"Pictorial chart, no data":`Pictorial chart, ${i2.length} categories. Max ${Math.round(t2.maxValue)}.`}shouldShowTooltipOnHover(t2){return"click"!==t2.trigger}shouldShowTooltipOnClick(t2){return"click"===t2.trigger||"hover-click"===t2.trigger}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForHit(t2,i2,s2,e2=false){const o2=i2.cssX,n2=i2.cssY,r2={seriesIndex:0,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:o2,cssY:n2,dataX:i2.index,dataY:i2.value,mode:s2.mode},h2=f({frame:{plot:t2.plot},hit:{cssX:o2,cssY:n2},spec:s2}),l2=this.lockedTooltipPositionForHit(i2,s2),c2=l2?.side??h2.side,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,s2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},p2=a(s2.format,[i2.value,r2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),d2=a(s2.html,[i2.value,r2],(()=>{}),"tooltip.html",s2),m2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:o2,pointCssY:n2,box:l2?.box,side:c2,text:p2,html:d2,className:s2.className,style:this.tooltipStyleFromSpec(s2),interactive:s2.interactive,connector:s2.connector,draggable:s2.draggable,offset:s2.offset,positionLock:l2?.lock,context:r2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=m2,this.cartesianTooltips=[...this.cartesianTooltips,m2]):(this.cartesianTooltips=[],this.cartesianTooltip=m2);const x2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:p2,html:d2,context:r2};return this.tooltipShow.emit(x2),x2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,category:t2.category,value:t2.value,fraction:t2.fraction,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){r(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${(function(t3){return Number.isInteger(t3)?t3+"":t3.toFixed(2)})(t2.value)} (${Math.round(100*t2.fraction)}%)`}tooltipStyleFromSpec(t2){const i2={...t2.style??{}};return void 0!==t2.width&&(i2.width=t2.width),void 0!==t2.minWidth&&(i2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(i2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(i2.padding=t2.padding),Object.keys(i2).length>0?i2:void 0}renderTooltip(){const t2=this.cartesianTooltips.length>0,i2=t2?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!t3));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:s2,cssY:o2,side:n2,text:a2,html:r2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,p2=t2.offset??10,d2={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:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(d2.left=t2.positionLock.x+"px",d2.top=t2.positionLock.y+"px",d2.transform=""):"top"===n2?(d2.left=s2+"px",d2.top=o2-p2+"px",d2.transform="translate(-50%, -100%)"):"bottom"===n2?(d2.left=s2+"px",d2.top=o2+p2+"px",d2.transform="translate(-50%, 0%)"):"left"===n2?(d2.left=s2-p2+"px",d2.top=o2+"px",d2.transform="translate(-100%, -50%)"):(d2.left=s2+p2+"px",d2.top=o2+"px",d2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))d2[t3]=W(t3,i3);return void 0!==r2?e("div",{class:q("sy-pictorial-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:i2?t3=>this.tooltipElement=t3:void 0,style:d2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:r2}):e("div",{class:q("sy-pictorial-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:i2?t3=>this.tooltipElement=t3:void 0,style:d2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},a2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:e("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"},t2.map((t3=>{const i2=t3.connector,s2=_(t3);return e("line",{x1:G(t3.pointCssX),y1:G(t3.pointCssY),x2:G(s2.x),y2:G(s2.y),stroke:i2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":i2.width??1,"stroke-dasharray":i2.dash?.join(" ")})})))}positionedTooltipForRender(t2=this.cartesianTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const i2=t2.offset??10,s2=P({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:i2,padding:6}),e2=this.tooltipAnchorFromTopLeft(s2.x,s2.y,t2.box,s2.side,i2);return{...t2,...e2,side:s2.side}}tooltipTopLeftFromAnchor(t2){const i2=t2.box;if(!i2)return;const s2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY-s2-i2.height}:"bottom"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY+s2}:"left"===t2.side?{x:t2.cssX-s2-i2.width,y:t2.cssY-i2.height/2}:{x:t2.cssX+s2,y:t2.cssY-i2.height/2}}tooltipTopLeftFromElement(t2){const i2=t2.getBoundingClientRect(),s2=this.host.getBoundingClientRect();if(Number.isFinite(i2.left)&&Number.isFinite(i2.top))return{x:i2.left-s2.left,y:i2.top-s2.top}}tooltipAnchorFromPositionLock(t2,i2,s2,e2){return s2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,s2,i2,e2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKeyForHit(t2){return"0:"+t2.index}tooltipPositionKeyForContext(t2){return`${t2.seriesIndex??0}:${t2.pointIndex??t2.index??0}`}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(t2.context),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForHit(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(t2));if(!i3)return;return{lock:{...i3.lock},side:i3.side,box:i3.box}}if(!i2.interactive||"multiple"===i2.openMode)return;const s2=this.positionedTooltipForRender();if(!s2?.box)return;if(s2.context.pointIndex!==t2.index)return;const e2=this.tooltipTopLeftFromAnchor(s2);return e2?{lock:e2,side:s2.side,box:s2.box}:void 0}tooltipAnchorFromTopLeft(t2,i2,s2,e2,o2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+o2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-o2}:"left"===e2?{cssX:t2+s2.width+o2,cssY:i2+s2.height/2}:{cssX:t2-o2,cssY:i2+s2.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const t2=this.cartesianTooltip,i2=this.tooltipElement;if(!t2||!i2)return;const s2=i2.getBoundingClientRect();if(!Number.isFinite(s2.width)||!Number.isFinite(s2.height))return;const e2=Math.round(100*s2.width)/100,o2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===o2)return;const n2={width:e2,height:o2},a2={...t2,box:n2};t2.positionLock&&Object.assign(a2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,n2,t2.offset??10)),this.rememberDraggableTooltipPosition(a2),this.cartesianTooltip=a2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,o2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),n2=this.cartesianTooltips.find((t3=>t3.id===o2))??this.cartesianTooltip;e2&&n2&&(t2.stopPropagation(),this.tooltipAction.emit({...n2.context,action:e2,text:n2.text,html:n2.html}))};handleTooltipPointerDown=t2=>{if(!this.cartesianTooltip?.draggable)return;const i2=t2.target;if(i2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const s2=t2.currentTarget,e2=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip,o2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},n2=this.cartesianTooltip.box??e2.box,a2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:n2,positionLock:o2};Object.assign(a2,this.tooltipAnchorFromPositionLock(o2,a2.side,n2,a2.offset??10)),this.cartesianTooltip=a2,this.rememberDraggableTooltipPosition(a2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:a2.cssX,originY:a2.cssY,originLockX:o2.x,originLockY:o2.y}};handleTooltipPointerMove=t2=>{const i2=this.tooltipDrag;if(!i2||i2.pointerId!==t2.pointerId||!this.cartesianTooltip)return;t2.preventDefault(),t2.stopPropagation();const s2={x:i2.originLockX+t2.clientX-i2.startX,y:i2.originLockY+t2.clientY-i2.startY},e2={...this.cartesianTooltip,positionLock:s2};Object.assign(e2,this.tooltipAnchorFromPositionLock(s2,e2.side,e2.box,e2.offset??10)),this.cartesianTooltip=e2,this.rememberDraggableTooltipPosition(e2)};handleTooltipPointerUp=t2=>{const i2=this.tooltipDrag;i2&&i2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.cartesianTooltip&&this.rememberDraggableTooltipPosition(this.cartesianTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};localPoint(t2){const i2=this.host.getBoundingClientRect();return{cssX:t2.clientX-i2.left,cssY:t2.clientY-i2.top}}handlePointerMove=t2=>{if(this.handleZoomPointerMove(t2))return;if(!this.enableMouseTracking)return;const i2=this.computePictorialLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2);this.updateCrosshair(i2,s2,e2);const o2=this.resolveTooltipSpec(),n2=this.bandIndexAtPoint(i2,s2,e2);if(n2<0||null===i2.model.items[n2].value)return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips());if(n2!==this.hoverIndex&&(this.hoverIndex=n2,this.pointHover.emit(this.detailForIndex(i2,n2,s2,e2))),o2.show&&this.shouldShowTooltipOnHover(o2)){const t3=this.pictorialHitAtIndex(i2,n2);t3&&this.showTooltipForHit(i2,t3,o2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips()};handlePointerLeave=()=>{null!==this.hoverIndex&&this.pointHover.emit(null),this.hoverIndex=null,null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null));const t2=this.resolveTooltipSpec();this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(t2)&&this.clearTooltips()};updateCrosshair(t2,i2,s2){const e2=T(this.crosshair),{plot:o2}=t2;if(!e2.show||!(i2>=o2.x&&i2<=o2.x+o2.width&&s2>=o2.y&&s2<=o2.y+o2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const n2=t2.icons.filter((t3=>t3.x>=o2.x&&t3.x<=o2.x+o2.width)).map((t3=>{const i3=this.iconValuePoint(t3,o2);return{cssX:i3.cssX,cssY:i3.cssY,index:t3.index}})),a2=n2.map((t3=>({pos:t3.cssX,index:t3.index}))),r2=x(i2,s2,o2,"x",a2,n2,e2.snap);this.cursor&&this.cursor.cssX===r2.cssX&&this.cursor.cssY===r2.cssY||(this.cursor={cssX:r2.cssX,cssY:r2.cssY},this.crosshairMove.emit({cssX:r2.cssX,cssY:r2.cssY,snappedPointIndex:r2.index}))}crosshairLineBackground(t2,i2,s2){if(!s2||0===s2.length)return i2;const e2=Math.max(1,Number.isFinite(Number(s2[0]))?Number(s2[0]):4);return`repeating-linear-gradient(${"vertical"===t2?"to bottom":"to right"}, ${i2} 0px, ${i2} ${e2}px, transparent ${e2}px, transparent ${e2+Math.max(1,Number.isFinite(Number(s2[1]))?Number(s2[1]):e2)}px)`}renderCrosshair(t2){const i2=T(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,o2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",n2="horizontal"===i2.mode||"cross"===i2.mode;return e("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"}},("vertical"===i2.mode||"cross"===i2.mode)&&e("div",{class:"sy-pictorial-chart__crosshair-line",style:{position:"absolute",left:this.cursor.cssX+"px",top:s2.y+"px",width:"1px",height:s2.height+"px",background:this.crosshairLineBackground("vertical",o2,i2.dash)}}),n2&&e("div",{class:"sy-pictorial-chart__crosshair-line",style:{position:"absolute",left:s2.x+"px",top:this.cursor.cssY+"px",width:s2.width+"px",height:"1px",background:this.crosshairLineBackground("horizontal",o2,i2.dash)}}))}handlePointerClick=t2=>{if(this.consumeSuppressedPlotClick())return;const i2=this.computePictorialLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),{plot:o2}=i2,n2=s2>=o2.x&&s2<=o2.x+o2.width&&e2>=o2.y&&e2<=o2.y+o2.height,a2=this.bandIndexAtPoint(i2,s2,e2),r2=a2>=0?i2.icons.find((t3=>t3.index===a2))??null:null;if(a2<0||null===i2.model.items[a2].value||!(null!==r2&&s2>=r2.iconRect.x&&s2<=r2.iconRect.x+r2.iconRect.width&&e2>=r2.iconRect.y&&e2<=r2.iconRect.y+r2.iconRect.height))return this.hasVisibleTooltips()&&this.clearTooltips(),void(n2&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}));this.pointClick.emit(this.detailForIndex(i2,a2,s2,e2));const h2=this.resolveTooltipSpec();if(h2.show&&this.shouldShowTooltipOnClick(h2)){const t3=this.pictorialHitAtIndex(i2,a2);t3&&this.showTooltipForHit(i2,t3,h2,true)}};handleContextMenu=t2=>{const i2=this.computePictorialLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),o2=this.bandIndexAtPoint(i2,s2,e2);o2<0||null===i2.model.items[o2].value||this.pointContextMenu.emit(l(t2,this.host,"pictorial",this.detailForIndex(i2,o2,s2,e2)))};render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU pictorial renderer exists";if("error"===h(t3.onUnavailable))throw Error('sy-pictorial-chart: Pro engine is unavailable — no GPU pictorial renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-pictorial-chart: Pro renderer unavailable, falling back to Standard (${i3}).`),{tier:"standard",fallbackReason:i3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=t2.tier,this.fallbackReason=t2.fallbackReason;const i2=this.computePictorialLayout(),s2=this.zoomSpec(),n2=(this.shouldInitialAnimation(null)||this.animator.has(R))&&!this.morphActive,a2=this.morphActive&&this.animator.has(B)&&void 0!==this.morphFromFills,r2=n2?this.revealProgress():1,l2=a2?this.morphProgress():1,c2=new Map;for(const t3 of i2.icons){let i3=t3.fraction;if(a2){const s3=this.morphFromFills.get(t3.index);void 0!==s3&&(i3=s3+(t3.fraction-s3)*l2)}else n2&&(i3=t3.fraction*r2);c2.set(t3.index,i3)}this.displayedFills=c2,this.lastRenderResult={points:i2.icons.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model);const u2=Math.min(1,Math.max(0,Number.isFinite(this.trackOpacity)?this.trackOpacity:.16)),p2=this.visibleIcons(i2);return e(o,{key:"1971f10a6f72de585896c73fb29e20bb86a0cb24",style:{position:"relative",display:"inline-block",width:this.width+"px",height:this.height+"px",touchAction:s2.enabled&&s2.pinch?"none":void 0},role:"img","aria-label":this.chartTitle??"Pictorial chart",tabIndex:s2.enabled&&s2.keyboard?0:void 0,onKeyDown:this.handleHostKeyDown,"data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),e("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},e("defs",{key:"c4778edf163ac791f7150cb28c6530d8d8167ceb"},e("clipPath",{key:"37063996a9e5257273780e38516f30e46d4a6835",id:"sy-pictorial-plot-"+this.instanceId},e("rect",{key:"808ddde654e64cd3caac373a2dde6c3df2fbbf29",x:G(i2.plot.x),y:G(i2.plot.y),width:G(i2.plot.width),height:G(i2.plot.height)})),p2.map((t3=>{const i3=E(t3.iconRect,c2.get(t3.index)??t3.fraction);return e("clipPath",{key:"clip-"+t3.index,id:`sy-pictorial-clip-${this.instanceId}-${t3.index}`},e("rect",{x:G(i3.x),y:G(i3.y),width:G(i3.width),height:G(i3.height)}))}))),e("g",{key:"2fae9b3829e436bff4d9cdffd2f57b82cb0279ee",class:"sy-pictorial-chart__icons","clip-path":`url(#sy-pictorial-plot-${this.instanceId})`},p2.map((t3=>{const i3=null!==this.hoverIndex&&this.hoverIndex!==t3.index,s3=(function(t4,i4){const s4=t4.width/i4.width,e2=t4.y-i4.minY*s4;return`translate(${D(t4.x-i4.minX*s4)} ${D(e2)}) scale(${Math.round(1e4*s4)/1e4})`})(t3.iconRect,t3.bounds);return e("g",{key:"icon-"+t3.index,class:"sy-pictorial-chart__icon","data-icon-index":t3.index,opacity:i3?.5:1},u2>0&&e("path",{class:"sy-pictorial-chart__icon-track",d:t3.path,transform:s3,fill:t3.color,opacity:u2}),e("g",{"clip-path":`url(#sy-pictorial-clip-${this.instanceId}-${t3.index})`},e("path",{class:"sy-pictorial-chart__icon-fill",d:t3.path,transform:s3,fill:t3.color})))})))),this.renderCrosshair(i2),this.renderZoomOverlay(i2),this.renderTooltipConnector(),this.renderTooltip(),e("span",{key:"3a6242810722724ed24ad1dfce122e4f76dab978",class:"sy-pictorial-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&e("span",{key:"685715abe89938e7f0793b9b5c4e0ff42d2a73cf",class:"sy-pictorial-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),v(this.host,this.brandLogo,{width:this.width,height:this.height,plot:i2.plot}))}renderAxisOverlay(t2){const{frame:i2,outer:s2,plot:o2}=t2,n2=t3=>t3.label??t3.value+"",a2="var(--sy-axis-line-color, rgba(17,24,39,0.42))",r2=i2.xAxes.find((t3=>t3.axis.show))??i2.xAxes[0];return e("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"}},i2.titleRect&&this.chartTitle&&e("div",{class:"sy-pictorial-chart__title",style:{position:"absolute",left:s2.x+"px",top:s2.y+i2.titleRect.y+"px",width:s2.width+"px",textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),i2.subtitleRect&&this.chartSubtitle&&e("div",{class:"sy-pictorial-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:s2.x+"px",top:s2.y+i2.subtitleRect.y+"px",width:s2.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),i2.yGridLines.map((t3=>e("div",{class:"sy-pictorial-chart__grid-line",style:{position:"absolute",left:o2.x+"px",top:s2.y+t3.y+"px",width:o2.width+"px",height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.xAxes.map((i3=>this.renderXAxisSlot(t2,i3,i3===r2,n2,a2))),i2.yAxes.map((i3=>this.renderYAxisSlot(t2,i3,n2,a2))))}renderXAxisSlot(t2,i2,s2,o2,n2){const{outer:a2,plot:r2}=t2,h2="top"===i2.side,l2=a2.y+i2.linePosition,c2=h2?l2-19:l2+4,u2=i2.axis.show&&i2.axis.label||void 0,p2="sy-pictorial-chart__axis-label sy-pictorial-chart__axis-label--x"+(h2?" sy-pictorial-chart__axis-label--top":"");let d2;if(s2){const t3=y({labels:i2.ticks.map(o2),centers:i2.ticks.map((t4=>t4.position)),orientation:h2?"top":"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});d2=i2.ticks.map(((s3,n3)=>t3.visible[n3]?e("div",{class:p2,"data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:a2.x+s3.position-28+"px",top:c2+"px",width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",...t3.rotationDeg>0?{transform:`rotate(-${t3.rotationDeg}deg)`,transformOrigin:h2?"bottom center":"top center",whiteSpace:"nowrap"}:{}}},o2(s3)):null))}else d2=z(i2.ticks,{plotSize:r2.width,orientation:"horizontal",format:o2}).map((t3=>e("div",{class:p2,"data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:a2.x+t3.position-28+"px",top:c2+"px",width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},o2(t3))));return[...d2,e("div",{class:"sy-pictorial-chart__axis-line","data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:r2.x+"px",top:l2+"px",width:r2.width+"px",height:"1px",background:n2}}),u2?e("div",{class:"sy-pictorial-chart__axis-title sy-pictorial-chart__axis-title--x","data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:r2.x+"px",top:(h2?l2-36:l2+22)+"px",width:r2.width+"px",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},u2):null]}renderYAxisSlot(t2,i2,s2,o2){const{outer:n2,plot:a2}=t2,r2="right"===i2.side,h2=n2.x+i2.linePosition,l2=z(i2.ticks,{plotSize:a2.height,orientation:"vertical",format:s2}),c2=i2.axis.show&&i2.axis.label||void 0;return[...l2.map((t3=>e("div",{class:"sy-pictorial-chart__axis-label sy-pictorial-chart__axis-label--y"+(r2?" sy-pictorial-chart__axis-label--right":""),"data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:(r2?h2+6:h2-48)+"px",top:n2.y+t3.position-7+"px",width:"42px",textAlign:r2?"left":"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},s2(t3)))),e("div",{class:"sy-pictorial-chart__axis-line","data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:h2+"px",top:a2.y+"px",width:"1px",height:a2.height+"px",background:o2}}),c2?e("div",{class:"sy-pictorial-chart__axis-title","data-axis-key":i2.key,"data-side":i2.side,style:{position:"absolute",left:(r2?h2+54:h2-68)+"px",top:(r2?a2.y:a2.y+a2.height)+"px",width:a2.height+"px",transform:r2?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},c2):null]}async getEngineStatus(){return V({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}]}}static get style(){return".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}"}},[514,"sy-pictorial-chart",{values:[1040],categories:[16],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],color:[1],paths:[16],iconPadding:[2,"icon-padding"],trackOpacity:[2,"track-opacity"],xLabelMode:[1,"x-label-mode"],xLabelRotation:[2,"x-label-rotation"],xLabelMaxCount:[2,"x-label-max"],valueAxisLabel:[1,"value-axis-label"],xAxis:[8,"x-axis"],yAxis:[8,"y-axis"],gridLines:[8,"grid-lines"],crosshair:[8],zoom:[8],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipEnabled:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],activeTier:[32],fallbackReason:[32],cartesianTooltip:[32],cartesianTooltips:[32],srAnnouncement:[32],animationTick:[32],hoverIndex:[32],cursor:[32],zoomState:[32],zoomSelection:[32],redraw:[64],getActiveTier:[64],setData:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAtPoint:[64],hideTooltip:[64],zoomTo:[64],zoomBy:[64],panBy:[64],resetZoom:[64],getZoom:[64],getZoomExtent:[64],getEngineStatus:[64]},void 0,{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 G(t2){return Math.round(100*t2)/100}function J(){"undefined"!=typeof customElements&&["sy-pictorial-chart"].forEach((t2=>{"sy-pictorial-chart"===t2&&(customElements.get(n(t2))||customElements.define(n(t2),Q))}))}J();const tt=Q,it=J;export{tt as SyPictorialChart,it as defineCustomElement};

package/dist/components/sy-pie-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyPieChart extends Components.SyPieChart, HTMLElement {
+}
+export const SyPieChart: {
+    prototype: SyPieChart;
+    new (): SyPieChart;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-pie-chart.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,d as n,t as o}from"./p-BPmwlQtL.js";import{s as a}from"./p-DO6vGxJP.js";import{T as r,p as h,r as l,a as c,i as d,b as u,c as p}from"./p-C1RaN8eG.js";import{c as f,a as m}from"./p-DQ1RB1XB.js";import{C as g,c as b}from"./p-C3jLZ9n2.js";import{n as y,b as v}from"./p-COVKN1k-.js";import{c as x}from"./p-BwM4aW0R.js";import{r as S}from"./p-BXmzh2Uk.js";import{d as C,c as w}from"./p-BwtrZuf8.js";import{c as P,t as M}from"./p-C0f63Npv.js";import{s as A}from"./p-B3gMdXEP.js";const V={dx:0,dy:0};function k(t2,e2){const i2=t2?.get(e2);if(!i2)return V;const s2=Number.isFinite(i2.dx)?i2.dx:0,n2=Number.isFinite(i2.dy)?i2.dy:0;return 0===s2&&0===n2?V:{dx:s2,dy:n2}}function _(t2,e2){return 0===e2.dx&&0===e2.dy?{x:t2.x,y:t2.y}:{x:t2.x+e2.dx,y:t2.y+e2.dy}}function z(t2,e2,i2,s2){if("inside"===t2)return"inside";if("outside"===t2)return"outside";if(e2.sweep>=Math.PI)return"inside";const n2=e2.radius??i2.outerRadius;return i2.innerRadius>0?(n2+i2.innerRadius)/2*e2.sweep>s2+12?"inside":"outside":.65*n2*2*Math.sin(e2.sweep/2)>s2+8?"inside":"outside"}function T(t2,e2){if("function"==typeof t2)try{return t2(e2)+""}catch{return""}const i2=Math.round(1e3*e2.percentage)/10;switch(t2){case"name":default:return e2.name;case"value":return e2.value+"";case"percent":return i2+"%";case"name-value":return`${e2.name}: ${e2.value}`;case"name-percent":return`${e2.name}: ${i2}%`}}function R(t2,e2){let i2;return i2=void 0!==t2.fromRadius&&void 0!==t2.toRadius?t2.fromRadius+(t2.toRadius-t2.fromRadius)*e2:t2.toRadius??t2.fromRadius,{startAngle:t2.fromStart+(t2.toStart-t2.fromStart)*e2,sweep:t2.fromSweep+(t2.toSweep-t2.fromSweep)*e2,radius:i2}}const L={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function I(t2){return!!t2&&"object"==typeof t2&&!Array.isArray(t2)}function $(t2){const{input:e2}=t2,i2=l(e2.values,e2.layout,e2.palette,{variableRadius:e2.variableRadius}),s2=i2.reduce(((t3,e3)=>t3+(e3.visible?e3.value:0)),0),n2=[],o2=Math.max(0,e2.slicedOffset??10),a2=e2.borderColor??"#ffffff",r2=Math.max(0,e2.borderWidth??1);for(const t3 of i2){if(!t3.visible||t3.sweep<=0){n2.push({key:t3.id,slice:t3,path:"",translate:{dx:0,dy:0},opacity:0,color:t3.color,borderColor:a2,borderWidth:r2});continue}const i3=e2.angleOverride?.get(t3.id);let s3,l2,d2;if(i3)s3=i3.startAngle,l2=i3.startAngle+Math.max(0,i3.sweep),d2=(s3+l2)/2;else{const i4=O(e2.sweepProgress?.get(t3.id)??1);s3=t3.startAngle,l2=t3.startAngle+t3.sweep*i4,d2=t3.midAngle}const u2=i3?.radius??t3.radius??e2.layout.outerRadius,p2=Math.max(0,e2.selectScale?.get(t3.id)??(t3.selected?1:0)),f2=O(e2.offsetScale?.get(t3.id)??1),m2=(t3.sliced?1+.25*p2:p2)*o2*f2,g2=m2>0?h(0,0,m2,d2):{x:0,y:0};n2.push({key:t3.id,slice:t3,path:c({startAngle:s3,endAngle:l2,outerRadius:u2*(1+.1*(t3.sliced?p2:0)),innerRadius:e2.layout.innerRadius,cx:e2.layout.cx+g2.x,cy:e2.layout.cy+g2.y}),translate:{dx:g2.x,dy:g2.y},opacity:O(e2.opacity?.get(t3.id)??1),color:t3.color,borderColor:a2,borderWidth:r2})}return{slices:i2,visuals:n2,layout:e2.layout,total:s2}}function O(t2){return Number.isFinite(t2)?t2<0?0:t2>1?1:t2:0}function W(t2,e2){return e2?`${t2} ${e2}`:t2}function F(t2,e2){return"number"!=typeof e2?e2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?e2+"":e2+"px"}const D=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=i(this,"rendered",7),this.sliceClick=i(this,"sliceClick",7),this.sliceHover=i(this,"sliceHover",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.sliceSelected=i(this,"sliceSelected",7),this.legendItemClick=i(this,"legendItemClick",7),this.sliceToggled=i(this,"sliceToggled",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7),this.tooltipShown=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7)}get host(){return this}values=[];width=480;height=360;brandLogo;brandPosition="bottom-right";palette="tableau10";colors;borderColor="#ffffff";borderWidth=1;slicedOffset=10;innerSize;size;centerX;centerY;minSize=80;thickness;startAngle=0;endAngle=360;variableRadius=false;sizeBy="area";zMin;zMax;minPointSize="10%";maxPointSize="100%";centerText;centerSubtext;chartTitle;chartSubtitle;legend=false;legendPosition="bottom";legendItems;labelsMode="none";labelsContent="name-percent";labelsDistance=24;labelsFontSize=12;labelsFontWeight=500;labelsColor="#1f2937";labelsMinSweep=.02;labelsConnector=true;labelsConnectorColor="#9ca3af";labelsConnectorWidth=1;labelsConnectorPadding=5;labelsConnectorShape="crooked";labelsAllowOverlap=false;tooltipShow=true;tooltipFormat;enableMouseTracking=true;stickyTracking=false;tooltip;allowSelect=true;inactiveOtherSlices=false;inactiveSliceOpacity=.45;activeSliceIndex;engine="auto";proThreshold=5e4;unavailable="fallback";streamSource;streamWindow;streamMax;animated=false;animationDuration=600;animationEasing="ease-out";animationType;rendered;sliceClick;sliceHover;pointContextMenu;sliceSelected;legendItemClick;sliceToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShown;tooltipHide;tooltipAction;activeTier="standard";fallbackReason;legendDisabled=new Set;selectedSlices=new Set;pieTooltip=null;pieTooltips=[];displayValues=[];hoverSliceId=null;focusedSliceId=null;srAnnouncement="";animationTick=0;animator=f();animationFrameHandle=null;flipState;initialRevealState;streamLerpState;lastStreamEventAt;suppressNextValuesAnimation=false;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new g({host:()=>this.host,input:()=>b(this,"plain-fallback"),active:()=>void 0!==this.boundStreamSource,onChange:()=>this.handleStreamLicenseChange()});internalStreamValues;lastRenderResult={slices:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;componentWillLoad(){this.displayValues=this.values,this.seedSelectionFromData()}seedSelectionFromData(){const t2=new Set(this.selectedSlices);for(const e2 of this.computeResolvedSlicesForDraw())e2.selected&&t2.add(e2.id);this.selectedSlices=t2}hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&this.bindStreamSource()}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldRunInitialAnimation(null)&&this.startInitialReveal()}componentDidRender(){this.detached||(this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})),this.measurePieTooltipBox())}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.cancelInitialReveal(false),this.cancelFlip(false),this.stopAnimationLoop(),this.animator.clear(),this.tooltipDrag=void 0}handleValuesChange(t2,e2){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void(this.streamLerpState||(this.displayValues=t2,this.seedSelectionFromData()));this.routeValuesAnimation(e2??[],t2)}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){this.cancelFlip(true),this.cancelInitialReveal(true),this.shouldRunInitialAnimation(null)&&this.startInitialReveal()}handleVisualPropsChange(){this.animationTick++}async redraw(){this.resolveEngineDecision();const t2=this.computeRenderResult();return this.lastRenderResult=t2,this.animationTick++,t2}computeRenderResult(){const t2=this.now(),e2=this.layoutForDraw(),i2=this.resolvedPalette(),s2=$({input:{values:this.effectiveValues(),layout:e2,palette:i2,borderColor:this.borderColor,borderWidth:this.borderWidth,slicedOffset:this.slicedOffset,variableRadius:this.variableRadiusOptions()}});let n2=0;for(const t3 of s2.visuals)t3.path&&n2++;return{slices:n2,renderMs:this.now()-t2}}async getActiveTier(){return this.activeTier}async addSlice(t2,e2){const i2=Array.isArray(this.values)?[...this.values]:[],s2="number"==typeof e2?.insertAt&&e2.insertAt>=0&&e2.insertAt<=i2.length?Math.floor(e2.insertAt):i2.length;return i2.splice(s2,0,t2),this.values=i2,s2}async removeSlice(t2){if(!Array.isArray(this.values))return false;const e2=this.resolveSliceIndex(t2);if(e2<0)return false;const i2=[...this.values];return i2.splice(e2,1),this.values=i2,true}async updateSlice(t2,e2){if(!Array.isArray(this.values))return false;const i2=this.resolveSliceIndex(t2);if(i2<0)return false;const s2=[...this.values],n2=s2[i2];return s2[i2]="number"==typeof n2?{value:n2,...e2}:{...n2,...e2},this.values=s2,true}async setSliceData(t2,e2){return this.updateSlice(t2,{value:e2})}async appendPoint(t2){await this.streamLicense.run("appendPoint",(()=>{const e2=this.activeStreamSource();if(!e2)return this.addSlice(t2);e2.push(t2)}))}async appendBatch(t2){Array.isArray(t2)&&0!==t2.length&&await this.streamLicense.run("appendBatch",(()=>{const e2=this.activeStreamSource();if(e2)return void e2.pushBatch(t2);const i2=Array.isArray(this.values)?[...this.values]:[];for(const e3 of t2)i2.push(e3);this.values=i2,this.appended.emit({count:t2.length})}))}async shift(t2=1){await this.streamLicense.run("shift",(()=>{const e2=this.activeStreamSource();if(e2)return void e2.shift(t2);if(!Array.isArray(this.values))return;const i2=Math.max(0,Math.min(Math.floor(t2),this.values.length));if(0===i2)return;const s2=[...this.values];s2.splice(0,i2),this.values=s2,this.windowSlid.emit({dropped:i2})}))}async replace(t2){await this.streamLicense.run("replace",(()=>{const e2=this.activeStreamSource();e2?e2.replace(t2):this.values=Array.isArray(t2)?[...t2]:[]}))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(()=>this.activeStreamSource()))}async setAnimation(t2){t2&&(Number.isFinite(t2.duration)&&(this.animationDuration=t2.duration),t2.easing&&(this.animationEasing=t2.easing),t2.type&&(this.animationType=t2.type),"boolean"==typeof t2.enabled&&(!t2.enabled&&this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animated=t2.enabled,t2.enabled||(this.animator.clear(),this.cancelFlip(false),this.cancelInitialReveal(false),this.stopAnimationLoop())))}async pauseAnimation(){const t2=this.now();this.animator.pauseAll(t2),this.flipState&&!this.flipState.paused&&(this.flipState.pausedElapsed=t2-this.flipState.startedAt,this.flipState.paused=true),this.initialRevealState&&!this.initialRevealState.paused&&(this.initialRevealState.pausedElapsed=t2-this.initialRevealState.startedAt,this.initialRevealState.paused=true),this.streamLerpState&&!this.streamLerpState.paused&&(this.streamLerpState.pausedElapsed=t2-this.streamLerpState.startedAt,this.streamLerpState.paused=true),this.stopAnimationLoop()}async resumeAnimation(){const t2=this.now();this.animator.resumeAll(t2),this.flipState&&this.flipState.paused&&(this.flipState.startedAt=t2-this.flipState.pausedElapsed,this.flipState.paused=false),this.initialRevealState&&this.initialRevealState.paused&&(this.initialRevealState.startedAt=t2-this.initialRevealState.pausedElapsed,this.initialRevealState.paused=false),this.streamLerpState&&this.streamLerpState.paused&&(this.streamLerpState.startedAt=t2-this.streamLerpState.pausedElapsed,this.streamLerpState.paused=false),(this.animator.hasActive()||this.flipState||this.initialRevealState||this.streamLerpState)&&this.startAnimationLoop()}async replayAnimation(){this.animated&&(this.cancelFlip(false),this.cancelInitialReveal(false),this.startInitialReveal())}async selectSlice(t2,e2=true){const i2=this.resolveSliceIndex(t2);if(i2<0)return false;const s2=this.computeResolvedSlicesForDraw()[i2];if(!s2)return false;const n2=new Set(this.selectedSlices);return e2?n2.add(s2.id):n2.delete(s2.id),this.selectedSlices=n2,this.animated&&(this.animator.start("select:"+s2.id,{phase:e2?"select":"deselect",easing:this.animationEasing,duration:Math.max(100,.5*this.animationDuration)}),this.startAnimationLoop()),this.sliceSelected.emit(this.buildSliceEventDetail(s2,{selected:e2})),true}async deselectSlice(t2){return this.selectSlice(t2,false)}async getSelectedSlices(){return Array.from(this.selectedSlices)}async hitTestSlice(t2,e2){const i2=this.layoutForDraw(),s2=this.computeResolvedSlicesForDraw();for(const n2 of s2)if(d(t2,e2,n2,i2))return{sliceIndex:n2.index,sliceId:n2.id};return null}async showTooltipAtSlice(t2){const e2=this.resolveSliceIndex(t2),i2=this.computeResolvedSlicesForDraw()[e2];if(!i2)return null;const s2=this.effectiveTooltipSpec();return s2.show?(this.showTooltipForSlice(i2,this.sliceAnchorPoint(i2),s2,"multiple"===s2.openMode),this.buildSliceEventDetail(i2)):null}async hideTooltip(){this.clearTooltips()}resolveSliceIndex(t2){if("number"==typeof t2&&Number.isFinite(t2)){const e2=Math.floor(t2);return Array.isArray(this.values)?e2>=0&&e2<this.values.length?e2:-1:0===e2?0:-1}if(!Array.isArray(this.values))return-1;for(let e2=0;e2<this.values.length;e2++){const i2=this.values[e2];if("object"==typeof i2&&null!==i2){if(void 0!==i2.id&&i2.id+""===t2)return e2;if(i2.name===t2)return e2}}return-1}activeStreamSource(){const t2=this.streamLicense.route();if("plain"===t2&&this.dropInternalStreamSource(),"stream"===t2)return this.streamSource?this.streamSource:this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax))return void this.dropInternalStreamSource();const t2=Math.max(1,Math.floor(this.streamMax));return this.internalStreamSource&&this.internalStreamCapacity===t2||(this.internalStreamCapacity=t2,this.internalStreamSource=(function(){const t3=Error("Dedicated streaming requires @syidax/advanced-pro");throw t3.code="module-missing",t3.feature="chart.streaming",t3})(),this.internalStreamValues=this.values),this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0,this.internalStreamCapacity=void 0,this.internalStreamValues=void 0}bindStreamSource(){if(this.detached)return;const t2=this.streamLicense.route();"plain"===t2&&this.dropInternalStreamSource();let e2="stream"===t2?this.streamSource??this.ensureInternalStreamSource():void 0;e2!==this.boundStreamSource&&(void 0!==e2&&e2===this.internalStreamSource&&this.values!==this.internalStreamValues&&(this.dropInternalStreamSource(),e2=this.ensureInternalStreamSource()),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,e2&&(this.boundStreamSource=e2,this.streamUnsubscribe=e2.subscribe((t3=>this.handleStreamEvent(t3))),this.syncFromStreamSource()))}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamValues(){void 0!==this.boundStreamSource&&this.boundStreamSource===this.internalStreamSource&&(this.internalStreamValues=this.values)}syncFromStreamSource(){if(!this.boundStreamSource)return;const t2=this.boundStreamSource.snapshot(this.streamWindow);this.suppressNextValuesAnimation=true,this.values=t2,this.noteStreamValues(),this.displayValues=t2}handleStreamEvent(t2){if(!this.boundStreamSource)return;const e2=this.boundStreamSource.snapshot(this.streamWindow),i2=this.currentStreamValues();return this.suppressNextValuesAnimation=true,this.values=e2,this.noteStreamValues(),"push"===t2.type||"pushBatch"===t2.type?this.appended.emit({count:t2.count}):"shift"===t2.type&&this.windowSlid.emit({dropped:t2.count}),this.shouldRunInitialAnimation(i2)?(this.cancelStreamLerp(false),this.displayValues=e2,this.seedSelectionFromData(),this.startInitialReveal(),void this.animationTick++):this.shouldAnimateUpdates(i2)?void this.startStreamLerp(i2,e2):(this.cancelStreamLerp(false),this.displayValues=e2,void this.animationTick++)}streamProgress(){const t2=this.streamLerpState;if(!t2)return 1;const e2=t2.paused?t2.pausedElapsed:this.now()-t2.startedAt;return Math.min(1,Math.max(0,e2/Math.max(1,t2.duration)))}currentStreamValues(){const t2=this.streamLerpState;if(!t2)return Array.isArray(this.displayValues)?this.displayValues:[];const e2=this.streamProgress(),i2=(Array.isArray(t2.prev)?t2.prev:[]).map(((t3,e3)=>u(t3,e3))),s2=(Array.isArray(t2.next)?t2.next:[]).map(((t3,e3)=>u(t3,e3))),n2=new Map(i2.map((t3=>[t3.id,t3]))),o2=new Map(s2.map((t3=>[t3.id,t3]))),a2=[];for(const t3 of i2)o2.has(t3.id)||a2.push({id:t3.id,name:t3.name,color:t3.color,value:t3.value*(1-e2),z:t3.z});for(const t3 of s2){const i3=n2.get(t3.id),s3=i3?.value??0,o3=i3?.z;a2.push({id:t3.id,name:t3.name,color:t3.color,value:s3+(t3.value-s3)*e2,z:void 0!==o3&&void 0!==t3.z?o3+(t3.z-o3)*e2:t3.z??o3})}return a2}samePieValues(t2,e2){const i2=Array.isArray(t2)?t2:[],s2=Array.isArray(e2)?e2:[];if(i2.length!==s2.length)return false;for(let t3=0;t3<i2.length;t3++){const e3=u(i2[t3],t3),n2=u(s2[t3],t3);if(e3.id!==n2.id||e3.value!==n2.value||e3.z!==n2.z)return false}return true}startStreamLerp(t2,e2){const i2=Array.isArray(e2)?e2:[];if(0===(Array.isArray(t2)?t2:[]).length||0===i2.length)return this.cancelStreamLerp(false),this.displayValues=e2,this.seedSelectionFromData(),i2.length>0&&this.startInitialReveal(),void this.animationTick++;if(this.streamLerpState&&this.samePieValues(this.streamLerpState.next,e2))return;const s2=this.now(),n2=void 0!==this.lastStreamEventAt?s2-this.lastStreamEventAt:1/0;this.lastStreamEventAt=s2;const o2=Number.isFinite(n2)?Math.max(1,n2):Math.max(0,this.animationDuration);if(this.displayValues=e2,o2<=0)return this.cancelStreamLerp(false),void this.animationTick++;this.cancelFlip(true);const a2=!this.streamLerpState;this.streamLerpState={prev:t2,next:e2,startedAt:s2,duration:o2,paused:false,pausedElapsed:0},a2&&this.chartAnimationStart.emit(),this.startAnimationLoop()}cancelStreamLerp(t2){this.streamLerpState&&(t2&&this.chartAnimationInterrupted.emit(),this.streamLerpState=void 0)}shouldAnimateUpdates(t2){return this.animated&&"update"===this.resolveAnimationType(t2)}shouldRunInitialAnimation(t2){return this.animated&&"initial"===this.resolveAnimationType(t2)}resolveAnimationType(t2){return this.animationType?this.animationType:this.hasAnimationBaseline(t2)?"update":"initial"}hasAnimationBaseline(t2){return Array.isArray(t2)&&t2.length>0}startInitialReveal(){this.cancelInitialReveal(false);const t2=Math.max(0,this.animationDuration);t2<=0||(this.initialRevealState={startedAt:this.now(),duration:t2,paused:false,pausedElapsed:0},this.chartAnimationStart.emit(),this.startAnimationLoop())}cancelInitialReveal(t2){this.initialRevealState&&(t2&&this.chartAnimationInterrupted.emit(),this.initialRevealState=void 0)}startFlip(t2,e2){this.cancelFlip(true);const i2=Math.max(0,this.animationDuration);if(i2<=0)return;const s2=(function(t3){const e3=new Map;for(const i4 of t3.prev)e3.set(i4.id,i4);const i3=new Map;for(const e4 of t3.next)i3.set(e4.id,e4);const s3=[];for(const i4 of t3.next){const t4=e3.get(i4.id);s3.push(t4?{id:i4.id,kind:"update",fromStart:t4.startAngle,fromSweep:t4.sweep,toStart:i4.startAngle,toSweep:i4.sweep,fromRadius:t4.radius,toRadius:i4.radius}:{id:i4.id,kind:"enter",fromStart:i4.startAngle,fromSweep:0,toStart:i4.startAngle,toSweep:i4.sweep,fromRadius:i4.radius,toRadius:i4.radius})}for(const e4 of t3.prev)i3.has(e4.id)||s3.push({id:e4.id,kind:"exit",fromStart:e4.startAngle,fromSweep:e4.sweep,toStart:e4.startAngle,toSweep:0,fromRadius:e4.radius,toRadius:e4.radius});return s3})({prev:t2,next:e2});0!==s2.length&&(this.flipState={plans:s2,startedAt:this.now(),duration:i2,paused:false,pausedElapsed:0},this.chartAnimationStart.emit(),this.startAnimationLoop())}cancelFlip(t2){this.flipState&&(t2&&this.chartAnimationInterrupted.emit(),this.flipState=void 0)}routeValuesAnimation(t2,e2){if(this.displayValues=e2,this.shouldRunInitialAnimation(t2))this.cancelFlip(true),this.cancelStreamLerp(true),this.startInitialReveal();else if(this.shouldAnimateUpdates(t2)){const i2=this.layoutForDraw(),s2=this.resolvedPalette();this.startFlip(this.resolveDrawSlices(t2,i2,s2),this.resolveDrawSlices(e2,i2,s2))}else this.animationTick++}now(){return"undefined"!=typeof performance?performance.now():0}startAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2="function"==typeof requestAnimationFrame?requestAnimationFrame:t3=>setTimeout((()=>t3(this.now())),16),e2="function"==typeof cancelAnimationFrame?cancelAnimationFrame:t3=>clearTimeout(t3),i2=e3=>{this.animationFrameHandle=null;const s2=this.advanceAnimations(e3);this.animationTick++,s2?this.animationFrameHandle=t2(i2):this.chartAnimationEnd.emit()};this.animationFrameHandle=t2(i2),this.stopAnimationLoopImpl=()=>{null!==this.animationFrameHandle&&(e2(this.animationFrameHandle),this.animationFrameHandle=null)}}stopAnimationLoopImpl;stopAnimationLoop(){this.stopAnimationLoopImpl?.(),this.animationFrameHandle=null}advanceAnimations(t2){let e2=false;if(this.animator.tick(t2),this.animator.hasActive()&&(e2=true),this.initialRevealState&&(t2-this.initialRevealState.startedAt>=this.initialRevealState.duration?this.initialRevealState=void 0:this.initialRevealState.paused||(e2=true)),this.flipState&&(t2-this.flipState.startedAt>=this.flipState.duration?this.flipState=void 0:this.flipState.paused||(e2=true)),this.streamLerpState){const i2=this.streamLerpState;(i2.paused?i2.pausedElapsed:t2-i2.startedAt)>=i2.duration?(this.streamLerpState=void 0,this.chartAnimationEnd.emit()):i2.paused||(e2=true)}return e2}resolvedPalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const t2=w[this.palette]??w.tableau10;return C(t2,Math.max(t2.stops.length,12)).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`))}layoutForDraw(){const t2=this.legend?this.buildLegendLayout():null,e2=this.plotRectFromLegend(t2),i2={x:e2.x,y:e2.y,width:e2.width,height:Math.max(1,e2.height)},s2="outside"===this.labelsMode||"auto"===this.labelsMode,n2=this.labelsDistance+8,o2=s2?n2+Math.min(this.estimateOutsideLabelWidth(),.18*e2.width):0,a2=s2?n2:0;return p({plot:i2,startAngle:this.toRadians(this.startAngle),endAngle:this.toRadians(this.endAngle),innerRadiusValue:this.innerSize,labelGutterX:o2,labelGutterY:a2,size:this.size,centerX:this.centerX,centerY:this.centerY,minSize:this.minSize,thickness:this.thickness})}estimateOutsideLabelWidth(){const t2=this.effectiveValues();if(!Array.isArray(t2)||0===t2.length)return 0;const e2=t2.map(((t3,e3)=>u(t3,e3)));let i2=0;for(const t3 of e2)t3.visible&&(i2+=t3.value);if(i2<=0)return 0;let s2=0;for(const t3 of e2){if(!t3.visible||t3.value<=0)continue;const e3=T(this.labelsContent,{name:t3.name,value:t3.value,percentage:t3.value/i2});e3.length>s2&&(s2=e3.length)}return s2*this.labelsFontSize*.55}plotRectFromLegend(t2){if(!t2?.remainingOuter){const t3=this.titleGutter();return{x:0,y:t3,width:Math.max(1,this.width),height:Math.max(1,this.height-t3)}}return{x:t2.remainingOuter.x,y:t2.remainingOuter.y,width:Math.max(1,t2.remainingOuter.width),height:Math.max(1,t2.remainingOuter.height)}}titleGutter(){let t2=0;return this.chartTitle&&(t2+=22),this.chartSubtitle&&(t2+=16),t2}toRadians(t2){return Number.isFinite(t2)?t2*Math.PI/180:0}effectiveValues(){return Array.isArray(this.displayValues)&&0!==this.displayValues.length?0===this.legendDisabled.size?this.displayValues:this.displayValues.map(((t2,e2)=>{const i2=u(t2,e2);return this.legendDisabled.has(i2.id)?"number"==typeof t2?{value:t2,name:i2.name,id:i2.id,visible:false}:{...t2,visible:false}:t2})):this.displayValues}variableRadiusOptions(){if(true===this.variableRadius)return{sizeBy:"radius"===this.sizeBy?"radius":"area",zMin:this.zMin,zMax:this.zMax,minPointSize:this.minPointSize,maxPointSize:this.maxPointSize}}resolveDrawSlices(t2,e2,i2){return l(t2,e2,i2,{variableRadius:this.variableRadiusOptions()})}computeResolvedSlicesForDraw(){const t2=this.layoutForDraw(),e2=this.resolvedPalette();return this.resolveDrawSlices(this.effectiveValues(),t2,e2)}effectiveActiveSliceId(t2){if("number"==typeof this.activeSliceIndex&&Number.isFinite(this.activeSliceIndex)&&this.activeSliceIndex>=0){const e2=Math.trunc(this.activeSliceIndex),i2=t2.find((t3=>t3.index===e2));return i2&&i2.visible?i2.id:null}return this.focusedSliceId??this.hoverSliceId}accessibleSummary(t2){const e2=this.chartTitle?this.chartTitle+". ":"",i2=t2.filter((t3=>t3.visible&&t3.sweep>0));return`${e2}Pie chart, ${i2.length} ${1===i2.length?"slice":"slices"}.`}sliceAriaLabel(t2){const e2=Math.round(1e3*t2.percentage)/10,i2=this.selectedSlices.has(t2.id)?", selected":"";return`${t2.name}: ${t2.value} (${e2}%)${true===this.variableRadius&&void 0!==t2.z?", size "+t2.z:""}${i2}`}navigableSlices(){return this.computeResolvedSlicesForDraw().filter((t2=>t2.visible&&t2.sweep>0))}announceFocusedSlice(t2){this.focusedSliceId=t2.id,this.srAnnouncement=this.sliceAriaLabel(t2),this.enableMouseTracking&&this.sliceHover.emit(this.buildSliceEventDetail(t2))}moveSliceFocus(t2){const e2=this.navigableSlices();if(0===e2.length)return;let i2=e2.findIndex((t3=>t3.id===this.focusedSliceId));i2<0&&(i2=t2>0?-1:0),i2=(i2+t2+e2.length)%e2.length,this.announceFocusedSlice(e2[i2])}pointerFocusing=false;onChartPointerDown=()=>{this.pointerFocusing=true,setTimeout((()=>{this.pointerFocusing=false}),0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(null!==this.focusedSliceId)return;const t2=this.navigableSlices();t2.length>0&&this.announceFocusedSlice(t2[0])};onChartBlur=()=>{this.focusedSliceId=null};onChartKeyDown=t2=>{switch(t2.key){case"ArrowRight":case"ArrowDown":t2.preventDefault(),this.moveSliceFocus(1);break;case"ArrowLeft":case"ArrowUp":t2.preventDefault(),this.moveSliceFocus(-1);break;case"Home":{t2.preventDefault();const e2=this.navigableSlices()[0];e2&&this.announceFocusedSlice(e2);break}case"End":{t2.preventDefault();const e2=this.navigableSlices();e2.length>0&&this.announceFocusedSlice(e2[e2.length-1]);break}case"Enter":case" ":{if(null===this.focusedSliceId)return;t2.preventDefault();const e2=this.computeResolvedSlicesForDraw().find((t3=>t3.id===this.focusedSliceId));if(!e2)return;this.sliceClick.emit(this.buildSliceEventDetail(e2)),this.allowSelect&&this.selectSlice(e2.index,!this.selectedSlices.has(e2.id));break}case"Escape":this.focusedSliceId=null,this.clearHover()}};sliceClassName(t2,e2){const i2=["sy-pie-chart__slice"];return null!==e2&&(e2===t2?i2.push("sy-pie-chart__slice--active"):this.inactiveOtherSlices&&i2.push("sy-pie-chart__slice--inactive")),this.selectedSlices.has(t2)&&i2.push("sy-pie-chart__slice--selected"),i2.join(" ")}buildSliceEventDetail(t2,e2){const i2=this.layoutForDraw(),s2=h(i2.cx,i2.cy,((t2.radius??i2.outerRadius)+i2.innerRadius)/2,t2.midAngle);return{index:t2.index,id:t2.id,name:t2.name,value:t2.value,percentage:t2.percentage,z:t2.z,cssX:s2.x,cssY:s2.y,selected:e2?.selected??this.selectedSlices.has(t2.id)}}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;if(!Array.isArray(this.displayValues))return[];const t2=this.resolvedPalette();return this.displayValues.map(((e2,i2)=>{const s2=u(e2,i2);return{label:s2.name,swatchColor:s2.color??t2[i2%Math.max(1,t2.length)]??"#888888",swatchShape:"square",disabled:this.legendDisabled.has(s2.id),id:s2.id,seriesIndex:i2}}))}buildLegendLayout(){const t2=this.buildLegendItems();if(!t2.length)return null;const e2=this.titleGutter(),i2=x({outerWidth:this.width,outerHeight:Math.max(1,this.height-e2),items:t2,position:this.legendPosition,direction:"top"===this.legendPosition||"bottom"===this.legendPosition?"horizontal":"vertical",align:"center",padding:{top:4,right:8,bottom:4,left:8},gap:12,swatchSize:10,swatchLabelGap:6,rowGap:4});return e2<=0?i2:{...i2,legendRect:i2.legendRect?{...i2.legendRect,y:i2.legendRect.y+e2}:i2.legendRect,itemRects:i2.itemRects.map((t3=>({...t3,y:t3.y+e2}))),remainingOuter:{...i2.remainingOuter,y:i2.remainingOuter.y+e2}}}labelBounds(t2){let e2=2,i2=Math.max(2,this.width-2);const s2=t2?.legendRect;return s2&&("right"===this.legendPosition?i2=Math.max(e2,s2.x-4):"left"===this.legendPosition&&(e2=Math.min(i2,s2.x+s2.width+4))),{left:e2,right:i2}}effectiveTooltipSpec(){return void 0!==this.tooltip?(function(t2){if(null==t2||"auto"===t2||true===t2)return{...L};if("off"===t2||false===t2)return{...L,show:false};if(!I(t2))return{...L};const e2=t2,i2=I(e2.style)?Object.fromEntries(Object.entries(e2.style).filter((([,t3])=>"string"==typeof t3||"number"==typeof t3))):void 0,s2=t3=>"string"==typeof t3||Number.isFinite(t3)&&t3>=0?t3:void 0,n2=(function(t3){if(true===t3)return{show:true};if(null==t3||false===t3||!I(t3))return{show:false};const e3=t3;return{show:true===e3.show,color:"string"==typeof e3.color?e3.color:void 0,width:Number.isFinite(e3.width)&&e3.width>0?e3.width:void 0,dash:Array.isArray(e3.dash)?e3.dash.slice():void 0}})(e2.connector);return{show:false!==e2.show,openMode:(t3=>"multiple"===t3?"multiple":"single")(e2.openMode),trigger:(t3=>"click"===t3||"hover-click"===t3||"hover"===t3?t3:"hover")(e2.trigger),side:e2.side,offset:Number.isFinite(e2.offset)&&e2.offset>=0?e2.offset:8,format:"function"==typeof e2.format?e2.format:void 0,html:"function"==typeof e2.html?e2.html:void 0,className:"string"==typeof e2.className?e2.className:void 0,style:i2,width:s2(e2.width),minWidth:s2(e2.minWidth),maxWidth:s2(e2.maxWidth),padding:s2(e2.padding),interactive:true===e2.interactive,hideOnLeave:false!==e2.hideOnLeave,connector:n2,draggable:true===e2.draggable}})(this.tooltip):(function(t2){return{...L,show:t2.show,html:"function"==typeof t2.format?e2=>t2.format(e2):void 0}})({show:this.tooltipShow,format:this.tooltipFormat})}sliceAnchorPoint(t2){const e2=this.layoutForDraw(),i2=t2.sliced||t2.selected||this.selectedSlices.has(t2.id);return h(e2.cx,e2.cy,(t2.radius??e2.outerRadius)+(i2?this.slicedOffset:0),t2.midAngle)}defaultTooltipHtml(t2){const e2=Math.round(1e3*t2.percentage)/10;return`<strong>${(function(t3){return t3.replace(/[&<>"']/g,(t4=>{switch(t4){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case"'":return"&#39;";default:return t4}}))})(t2.name)}</strong> · ${t2.value} (${e2}%)`}plainTooltipText(t2){return`${t2.name} · ${t2.value} (${Math.round(1e3*t2.percentage)/10}%)`}buildTooltipContext(t2,e2){return{index:t2.index,id:t2.id,name:t2.name,value:t2.value,percentage:t2.percentage,z:t2.z,cssX:e2.x,cssY:e2.y}}hasVisibleTooltips(){return null!==this.pieTooltip||this.pieTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.pieTooltip=null,this.pieTooltips=[],this.tooltipHide.emit())}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForSlice(t2,e2,i2,s2){const n2=this.buildTooltipContext(t2,e2),o2=i2.side??"top",r2=i2.format?a(i2.format,[t2,n2],(()=>this.plainTooltipText(t2)),"tooltip.format",i2):this.plainTooltipText(t2),h2=i2.html?a(i2.html,[t2,n2],(()=>{}),"tooltip.html",i2):i2.format?void 0:this.defaultTooltipHtml(t2),l2=this.lockedTooltipPositionForSlice(t2,i2),c2=l2?.side??o2,d2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,i2.offset):{cssX:e2.x,cssY:e2.y},u2={id:this.nextTooltipId++,cssX:d2.cssX,cssY:d2.cssY,pointCssX:e2.x,pointCssY:e2.y,box:l2?.box,side:c2,text:r2,html:h2,className:i2.className,style:this.tooltipStyleFromSpec(i2),interactive:i2.interactive,connector:i2.connector,draggable:i2.draggable,offset:i2.offset,positionLock:l2?.lock,context:n2};this.tooltipDrag=void 0,s2&&"multiple"===i2.openMode?(this.pieTooltip=u2,this.pieTooltips=[...this.pieTooltips,u2]):(this.pieTooltips=[],this.pieTooltip=u2);const p2={cssX:d2.cssX,cssY:d2.cssY,anchor:c2,text:r2,html:h2,context:n2};return this.tooltipShown.emit(p2),p2}tooltipStyleFromSpec(t2){const e2={...t2.style??{}};return void 0!==t2.width&&(e2.width=t2.width),void 0!==t2.minWidth&&(e2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(e2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(e2.padding=t2.padding),Object.keys(e2).length>0?e2:void 0}positionedPieTooltip(t2=this.pieTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const e2=t2.offset??10,i2=P({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:e2}),s2=this.tooltipAnchorFromTopLeft(i2.x,i2.y,t2.box,i2.side,e2);return{...t2,cssX:s2.cssX,cssY:s2.cssY,side:i2.side}}tooltipAnchorFromTopLeft(t2,e2,i2,s2,n2){return"top"===s2?{cssX:t2+i2.width/2,cssY:e2+i2.height+n2}:"bottom"===s2?{cssX:t2+i2.width/2,cssY:e2-n2}:"left"===s2?{cssX:t2+i2.width+n2,cssY:e2+i2.height/2}:{cssX:t2-n2,cssY:e2+i2.height/2}}tooltipTopLeftFromAnchor(t2){const e2=t2.box;if(!e2)return;const i2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-e2.width/2,y:t2.cssY-i2-e2.height}:"bottom"===t2.side?{x:t2.cssX-e2.width/2,y:t2.cssY+i2}:"left"===t2.side?{x:t2.cssX-i2-e2.width,y:t2.cssY-e2.height/2}:{x:t2.cssX+i2,y:t2.cssY-e2.height/2}}tooltipTopLeftFromElement(t2){const e2=t2.getBoundingClientRect(),i2=this.host.getBoundingClientRect();if(Number.isFinite(e2.left)&&Number.isFinite(e2.top))return{x:e2.left-i2.left,y:e2.top-i2.top}}tooltipAnchorFromPositionLock(t2,e2,i2,s2){return i2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,i2,e2,s2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKey(t2){return t2+""}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKey(t2.context.index),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForSlice(t2,e2){if(e2.draggable){const e3=this.draggableTooltipPositions.get(this.tooltipPositionKey(t2.index));if(!e3)return;return{lock:{...e3.lock},side:e3.side,box:e3.box}}if(!e2.interactive||"multiple"===e2.openMode)return;const i2=this.positionedPieTooltip();if(!i2?.box||i2.context.index!==t2.index)return;const s2=this.tooltipTopLeftFromAnchor(i2);return s2?{lock:s2,side:i2.side,box:i2.box}:void 0}measurePieTooltipBox(){if(this.pieTooltips.length>0)return;const t2=this.pieTooltip,e2=this.tooltipElement;if(!t2||!e2)return;const i2=e2.getBoundingClientRect();if(!Number.isFinite(i2.width)||!Number.isFinite(i2.height))return;const s2=Math.round(100*i2.width)/100,n2=Math.round(100*i2.height)/100;if(t2.box?.width===s2&&t2.box?.height===n2)return;const o2={width:s2,height:n2},a2={...t2,box:o2};t2.positionLock&&Object.assign(a2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(a2),this.pieTooltip=a2}handleTooltipActionClick=t2=>{const e2=t2.target,i2=e2?.closest?.("[data-tooltip-action]"),s2=i2?.dataset.tooltipAction,n2=Number(i2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),o2=this.pieTooltips.find((t3=>t3.id===n2))??this.pieTooltip;s2&&o2&&(t2.stopPropagation(),this.tooltipAction.emit({...o2.context,action:s2,text:o2.text,html:o2.html}))};handleTooltipPointerDown=t2=>{if(!this.pieTooltip?.draggable)return;const e2=t2.target;if(e2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const i2=t2.currentTarget,s2=this.positionedPieTooltip(this.pieTooltip)??this.pieTooltip,n2=this.tooltipTopLeftFromElement(i2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},o2=this.pieTooltip.box??s2.box,a2={...this.pieTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:o2,positionLock:n2};Object.assign(a2,this.tooltipAnchorFromPositionLock(n2,a2.side,o2,a2.offset??10)),this.pieTooltip=a2,this.rememberDraggableTooltipPosition(a2),i2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:a2.cssX,originY:a2.cssY,originLockX:n2.x,originLockY:n2.y}};handleTooltipPointerMove=t2=>{const e2=this.tooltipDrag;if(!e2||e2.pointerId!==t2.pointerId||!this.pieTooltip)return;t2.preventDefault(),t2.stopPropagation();const i2={x:e2.originLockX+t2.clientX-e2.startX,y:e2.originLockY+t2.clientY-e2.startY},s2={...this.pieTooltip,positionLock:i2};Object.assign(s2,this.tooltipAnchorFromPositionLock(i2,s2.side,s2.box,s2.offset??10)),this.pieTooltip=s2,this.rememberDraggableTooltipPosition(s2)};handleTooltipPointerUp=t2=>{const e2=this.tooltipDrag;e2&&e2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.pieTooltip&&this.rememberDraggableTooltipPosition(this.pieTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};effectiveLabelSpec(){return{mode:this.labelsMode,content:this.labelsContent,fontSize:this.labelsFontSize,fontWeight:this.labelsFontWeight,color:this.labelsColor,distance:this.labelsDistance,minSweep:this.labelsMinSweep,connector:this.labelsConnector,connectorColor:this.labelsConnectorColor,connectorWidth:this.labelsConnectorWidth,connectorPadding:this.labelsConnectorPadding,connectorShape:this.labelsConnectorShape,allowOverlap:this.labelsAllowOverlap}}labelOffsetsFromVisuals(t2){const e2=new Map;for(const i2 of t2)0===i2.translate.dx&&0===i2.translate.dy||e2.set(i2.slice.id,i2.translate);return e2}onSliceClick=(t2,e2)=>{if(!this.enableMouseTracking)return;const i2=this.computeResolvedSlicesForDraw().find((e3=>e3.id===t2));if(!i2)return;if(this.sliceClick.emit(this.buildSliceEventDetail(i2)),this.allowSelect){const t3=!this.selectedSlices.has(i2.id);this.selectSlice(i2.index,t3)}const s2=this.effectiveTooltipSpec();!s2.show||"click"!==s2.trigger&&"hover-click"!==s2.trigger||this.showTooltipForSlice(i2,this.sliceAnchorPoint(i2),s2,true),e2.stopPropagation()};onSliceEnter=t2=>{if(!this.enableMouseTracking)return;const e2=this.computeResolvedSlicesForDraw().find((e3=>e3.id===t2));if(!e2)return;this.hoverSliceId=t2,this.sliceHover.emit(this.buildSliceEventDetail(e2));const i2=this.effectiveTooltipSpec();i2.show&&"click"!==i2.trigger&&this.showTooltipForSlice(e2,this.sliceAnchorPoint(e2),i2,false)};onSliceLeave=()=>{this.stickyTracking||this.clearHover()};onChartLeave=()=>{this.clearHover()};onChartClick=()=>{this.hasVisibleTooltips()&&this.clearTooltips()};onPointContextMenu=t2=>{if(!this.enableMouseTracking)return;const e2=this.host.getBoundingClientRect(),i2=t2.clientX-e2.left,s2=t2.clientY-e2.top,n2=this.layoutForDraw(),o2=this.computeResolvedSlicesForDraw().find((t3=>d(i2,s2,t3,n2)));o2&&(t2.preventDefault(),t2.stopPropagation(),this.pointContextMenu.emit(v(t2,this.host,"pie",this.buildSliceEventDetail(o2),{index:0,id:"pie",name:this.chartTitle??"Pie"})))};clearHover(){const t2=null!==this.hoverSliceId;(t2||this.hasVisibleTooltips())&&(this.hoverSliceId=null,this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec())&&this.clearTooltips(),t2&&this.sliceHover.emit(null))}onLegendItemClick=(t2,e2,i2)=>{const s2=!this.legendDisabled.has(e2),n2=new Set(this.legendDisabled);s2?n2.add(e2):n2.delete(e2),this.legendDisabled=n2,this.legendItemClick.emit({index:t2,sliceId:e2,label:i2,disabled:s2}),this.sliceToggled.emit({index:t2,sliceId:e2,disabled:s2})};resolveEngineDecision(){return(function(t2){if("standard"===t2.requested)return{tier:"standard"};const e2=Number.isFinite(t2.proThreshold)?t2.proThreshold:1/0;if("pro"===t2.requested||"auto"===t2.requested&&Number.isFinite(t2.sliceCount)&&t2.sliceCount>=e2){const e3="no GPU pie renderer exists";if("error"===y(t2.onUnavailable))throw Error('sy-pie-chart: Pro engine is unavailable — no GPU pie renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-pie-chart: Pro renderer unavailable, falling back to Standard (${e3}).`),{tier:"standard",fallbackReason:e3}}return{tier:"standard"}})({requested:this.engine,sliceCount:Array.isArray(this.displayValues)?this.displayValues.length:0,onUnavailable:this.unavailable,proThreshold:this.proThreshold})}render(){const t2=this.now();let e2;try{e2=this.resolveEngineDecision()}catch(e3){return this.pendingRenderedEmit=false,this.lastRenderResult={slices:0,renderMs:this.now()-t2},s(n,{"data-sy-brand-host":"chart",class:"sy-pie-chart--unavailable",role:"alert",style:{width:this.width+"px",minHeight:this.height+"px",boxSizing:"border-box",padding:"16px"}},e3 instanceof Error?e3.message:e3+"",S(this.host,this.brandLogo,{width:this.width,height:this.height}))}e2.tier!==this.activeTier&&(this.activeTier=e2.tier),e2.fallbackReason!==this.fallbackReason&&(this.fallbackReason=e2.fallbackReason);const i2=this.layoutForDraw(),o2=this.resolvedPalette(),a2=(this.streamLerpState?this.currentStreamValues():null)??this.effectiveValues(),l2=this.resolveDrawSlices(a2,i2,o2),c2=this.effectiveActiveSliceId(l2),d2=this.computeSweepProgressMap(l2),u2=this.computeSelectScaleMap(l2),p2=this.computeOpacityMap(l2,c2),f2=this.computeFlipGeometryMap()??this.computeInitialRevealOverride(l2,i2),m2=this.flipState?void 0:this.computeRevealOffsetScale(l2,i2)??void 0,g2=$({input:{values:a2,layout:i2,palette:o2,borderColor:this.borderColor,borderWidth:this.borderWidth,slicedOffset:this.slicedOffset,sweepProgress:d2,selectScale:u2,opacity:p2,angleOverride:f2??void 0,offsetScale:m2,variableRadius:this.variableRadiusOptions()}}),b2=this.legend?this.buildLegendLayout():null,y2="none"===this.labelsMode?[]:(function(t3){const{slices:e3,layout:i3,spec:s2,format:n2}=t3;if("none"===s2.mode)return[];const o3=[],a3=Math.max(0,s2.minSweep)*r;for(const r2 of e3){if(!r2.visible||r2.sweep<=0)continue;const e4=r2.dataLabel;if(e4&&false===e4.enabled)continue;if(r2.sweep<a3)continue;const l4=e4&&void 0!==e4.text&&e4.text.length>0?e4.text:n2(r2);if(0===l4.length)continue;const c3=e4&&e4.color?e4.color:s2.color,d3=l4.length*s2.fontSize*.55,u3=z(s2.mode,r2,i3,d3),p3=k(t3.offsets,r2.id),f3=r2.radius??i3.outerRadius;if("inside"===u3){const t4=_(h(i3.cx,i3.cy,(f3+i3.innerRadius)/2,r2.midAngle),p3);o3.push({key:"label:"+r2.id,index:r2.index,sliceId:r2.id,text:l4,x:t4.x,y:t4.y,anchorX:t4.x,anchorY:t4.y,placement:"inside",textAnchor:"middle",color:c3,fontSize:s2.fontSize,fontWeight:s2.fontWeight,approxWidth:d3,midAngle:r2.midAngle,anchorRadius:f3});continue}const m3=_(h(i3.cx,i3.cy,f3,r2.midAngle),p3),g3=Math.max(0,s2.distance),b3=_(h(i3.cx,i3.cy,f3+g3/2,r2.midAngle),p3),y3=Math.sin(r2.midAngle)>=0,v3=Math.max(0,s2.connectorPadding);o3.push({key:"label:"+r2.id,index:r2.index,sliceId:r2.id,text:l4,x:b3.x+(y3?g3/2+v3:-(g3/2+v3)),y:b3.y,anchorX:m3.x,anchorY:m3.y,placement:"outside",textAnchor:y3?"start":"end",color:c3,fontSize:s2.fontSize,fontWeight:s2.fontWeight,approxWidth:d3,midAngle:r2.midAngle,anchorRadius:f3,elbow:{x:b3.x,y:b3.y}})}const l3=s2.allowOverlap?o3:(function(t4,e4,i4){const s3=[],n3=[],o4=[];for(const e5 of t4)"outside"===e5.placement?(Math.sin(e5.midAngle)>=0?s3:n3).push(e5):o4.push(e5);s3.sort(((t5,e5)=>t5.y-e5.y)),n3.sort(((t5,e5)=>t5.y-e5.y));const a4=1.2*i4.fontSize,r2=(t5,i5)=>{if(!t5.elbow)return t5.elbow;const s4=(t5.anchorRadius??e4.outerRadius)+1,n4=t5.elbow.x-e4.cx>=0?1:-1,o5=i5-e4.cy,a5=Math.sqrt(Math.max(0,s4*s4-o5*o5));return{x:e4.cx+n4*Math.max(Math.abs(t5.elbow.x-e4.cx),a5),y:i5}},h2=t5=>{const e5=[];let i5=-1/0;for(const s4 of t5){const t6=s4.y-a4/2,n4=t6<i5?i5:t6,o5=n4+a4/2;i5=n4+a4,e5.push(s4.y===o5?s4:{...s4,y:o5,elbow:r2(s4,o5)})}return e5},l4=h2(s3),c3=h2(n3),d3=new Map;for(const t5 of l4)d3.set(t5.key,t5);for(const t5 of c3)d3.set(t5.key,t5);for(const t5 of o4)d3.set(t5.key,t5);const u3=[];for(const e5 of t4){const t5=d3.get(e5.key);t5&&u3.push(t5)}const p3=e4.outerRadius+Math.max(i4.distance,24);return u3.map((t5=>{if("outside"!==t5.placement)return t5;const i5=e4.cy-p3,s4=e4.cy+p3;return t5.y<i5?{...t5,y:i5,elbow:r2(t5,i5)}:t5.y>s4?{...t5,y:s4,elbow:r2(t5,s4)}:t5}))})(o3,i3,s2);return(function(t4,e4){return e4?t4.map((t5=>{if("outside"!==t5.placement)return t5;if("start"===t5.textAnchor){const i4=e4.right-t5.approxWidth;if(t5.x>i4)return{...t5,x:Math.max(t5.anchorX,i4)}}else if("end"===t5.textAnchor){const i4=e4.left+t5.approxWidth;if(t5.x<i4)return{...t5,x:Math.min(t5.anchorX,i4)}}return t5})):t4})(l3,t3.bounds)})({slices:l2,layout:i2,spec:this.effectiveLabelSpec(),format:t3=>T(this.labelsContent,t3),offsets:this.labelOffsetsFromVisuals(g2.visuals),bounds:this.labelBounds(b2)}),v2=this.labelsConnector?(function(t3){const e3=[],i3="straight"===t3.shape;for(const s2 of t3.labels){if("outside"!==s2.placement||!s2.elbow)continue;const n2=s2.x+("start"===s2.textAnchor?-4:4);e3.push({key:"leader:"+s2.sliceId,sliceId:s2.sliceId,points:i3?`${s2.anchorX},${s2.anchorY} ${n2},${s2.y}`:`${s2.anchorX},${s2.anchorY} ${s2.elbow.x},${s2.elbow.y} ${n2},${s2.y}`,color:t3.color,width:t3.width})}return e3})({labels:y2,color:this.labelsConnectorColor,width:this.labelsConnectorWidth,shape:this.labelsConnectorShape}):[];let x2=0;for(const t3 of g2.visuals)t3.path&&x2++;return this.lastRenderResult={slices:x2,renderMs:this.now()-t2},this.pendingRenderedEmit=true,s(n,{"data-active-tier":this.activeTier,"data-sy-brand-host":"chart"},s("div",{class:"sy-pie-chart",style:{width:this.width+"px",height:this.height+"px",position:"relative"}},s("svg",{class:"sy-pie-chart__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,role:"application","aria-roledescription":"Pie chart","aria-label":this.accessibleSummary(l2),tabindex:0,onKeyDown:t3=>this.onChartKeyDown(t3),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseLeave:()=>this.onChartLeave(),onMouseDown:()=>this.onChartPointerDown(),onContextMenu:t3=>this.onPointContextMenu(t3),onClick:()=>this.onChartClick()},this.chartTitle?s("text",{class:"sy-pie-chart__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?s("text",{class:"sy-pie-chart__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,s("g",{class:"sy-pie-chart__slices"},[...g2.visuals].sort(((t3,e3)=>(t3.slice.sliced||(u2.get(t3.slice.id)??0)>0?1:0)-(e3.slice.sliced||(u2.get(e3.slice.id)??0)>0?1:0))).map((t3=>{if(!t3.path)return null;const e3=this.selectedSlices.has(t3.slice.id);return s("path",{key:t3.key,d:t3.path,fill:t3.color,stroke:t3.borderColor,"stroke-width":t3.borderWidth,opacity:t3.opacity,style:e3?{filter:`drop-shadow(0 0 5px ${t3.color}) drop-shadow(0 0 10px ${t3.color})`}:void 0,"data-slice-id":t3.slice.id,"data-focused":this.focusedSliceId===t3.slice.id?"true":null,role:"img","aria-label":this.sliceAriaLabel(t3.slice),class:this.sliceClassName(t3.slice.id,c2),onClick:e4=>this.onSliceClick(t3.slice.id,e4),onMouseEnter:e4=>this.onSliceEnter(t3.slice.id,e4),onMouseLeave:()=>this.onSliceLeave()})}))),v2.length>0?s("g",{class:"sy-pie-chart__leaders"},v2.map((t3=>s("polyline",{key:t3.key,class:"sy-pie-chart__leader",points:t3.points,stroke:t3.color,"stroke-width":t3.width})))):null,y2.length>0?s("g",{class:"sy-pie-chart__labels"},y2.map((t3=>s("text",{key:t3.key,class:"sy-pie-chart__label",x:t3.x,y:t3.y,fill:t3.color,"text-anchor":t3.textAnchor,style:{fontSize:t3.fontSize+"px",fontWeight:t3.fontWeight+""}},t3.text)))):null,(this.centerText||this.centerSubtext)&&i2.innerRadius>0?s("g",{class:"sy-pie-chart__center"},this.centerText?s("text",{class:"sy-pie-chart__center-text",x:i2.cx,y:i2.cy-(this.centerSubtext?6:0),style:{fontSize:"20px",fontWeight:"600"}},this.centerText):null,this.centerSubtext?s("text",{class:"sy-pie-chart__center-text",x:i2.cx,y:i2.cy+(this.centerText?14:0),style:{fontSize:"12px"}},this.centerSubtext):null):null),b2?.legendRect?s("div",{class:"sy-pie-chart__legend",role:"list",style:{position:"absolute",left:b2.legendRect.x+"px",top:b2.legendRect.y+"px",width:b2.legendRect.width+"px",height:b2.legendRect.height+"px"}},this.buildLegendItems().map(((t3,e3)=>{const i3=b2.itemRects[e3];return i3?s("span",{role:"button",tabindex:0,"aria-pressed":t3.disabled?"false":"true","aria-label":`${t3.label}${t3.disabled?", hidden":", shown"}`,class:"sy-pie-chart__legend-item"+(t3.disabled?" sy-pie-chart__legend-item--disabled":""),style:{position:"absolute",left:i3.x-b2.legendRect.x+"px",top:i3.y-b2.legendRect.y+"px",height:i3.height+"px",display:"flex",alignItems:"center",gap:"6px",whiteSpace:"nowrap"},onClick:()=>this.onLegendItemClick(e3,(t3.id??e3)+"",t3.label),onKeyDown:i4=>this.onLegendKeyDown(i4,e3,(t3.id??e3)+"",t3.label)},s("span",{class:"sy-pie-chart__legend-swatch",style:{background:t3.swatchColor}}),s("span",null,t3.label)):null}))):null,s("div",{class:"sy-pie-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&s("span",{class:"sy-pie-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.renderPieTooltipConnector(),this.renderPieTooltip()),S(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(b2)}))}renderPieTooltip(){const t2=this.pieTooltips.length>0,e2=t2?this.pieTooltips:[this.positionedPieTooltip()].filter((t3=>!!t3));return 0===e2.length?null:e2.map((e3=>this.renderPieTooltipItem(e3,!t2)))}renderPieTooltipItem(t2,e2){const{cssX:i2,cssY:n2,side:o2,text:a2,html:r2,className:h2,style:l2,interactive:c2,draggable:d2}=t2,u2=t2.offset??10,p2={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:c2||d2?"auto":"none",cursor:d2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(p2.left=t2.positionLock.x+"px",p2.top=t2.positionLock.y+"px",p2.transform=""):"top"===o2?(p2.left=i2+"px",p2.top=n2-u2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===o2?(p2.left=i2+"px",p2.top=n2+u2+"px",p2.transform="translate(-50%, 0%)"):"left"===o2?(p2.left=i2-u2+"px",p2.top=n2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=i2+u2+"px",p2.top=n2+"px",p2.transform="translate(0%, -50%)");for(const[t3,e3]of Object.entries(l2??{}))p2[t3]=F(t3,e3);return void 0!==r2?s("div",{class:W("sy-pie-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:r2}):s("div",{class:W("sy-pie-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},a2)}renderPieTooltipConnector(){const t2=(this.pieTooltips.length>0?this.pieTooltips:[this.positionedPieTooltip()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:s("svg",{class:"sy-pie-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:this.width+"px",height:this.height+"px",pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},t2.map((t3=>{const e2=t3.connector,i2=M(t3);return s("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:i2.x,y2:i2.y,stroke:e2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":e2.width??1,"stroke-dasharray":e2.dash?.join(" ")})})))}onLegendKeyDown=(t2,e2,i2,s2)=>{"Enter"!==t2.key&&" "!==t2.key||(t2.preventDefault(),this.onLegendItemClick(e2,i2,s2))};computeSweepProgressMap(t2){return new Map}computeFlipGeometryMap(){if(!this.flipState)return null;const t2=this.flipState.paused?this.flipState.pausedElapsed:this.now()-this.flipState.startedAt,e2=m(Math.min(1,Math.max(0,t2/Math.max(1,this.flipState.duration))),this.animationEasing),i2=new Map;for(const t3 of this.flipState.plans){if("exit"===t3.kind)continue;const s2=R(t3,e2);i2.set(t3.id,{startAngle:s2.startAngle,sweep:Math.max(0,s2.sweep),radius:s2.radius})}return i2.size>0?i2:null}computeInitialRevealOverride(t2,e2){const i2=this.initialRevealState;if(!i2)return null;const s2=i2.paused?i2.pausedElapsed:this.now()-i2.startedAt,n2=m(Math.min(1,Math.max(0,s2/Math.max(1,i2.duration))),this.animationEasing),o2=e2.startAngle+e2.totalAngle*n2,a2=new Map;for(const e3 of t2)!e3.visible||e3.sweep<=0||a2.set(e3.id,e3.endAngle<=o2?{startAngle:e3.startAngle,sweep:e3.sweep}:e3.startAngle>=o2?{startAngle:e3.startAngle,sweep:0}:{startAngle:e3.startAngle,sweep:o2-e3.startAngle});return a2.size>0?a2:null}computeRevealOffsetScale(t2,e2){const i2=this.initialRevealState;if(!i2)return null;const s2=i2.paused?i2.pausedElapsed:this.now()-i2.startedAt,n2=m(Math.min(1,Math.max(0,s2/Math.max(1,i2.duration))),this.animationEasing),o2=e2.startAngle+e2.totalAngle*n2,a2=new Map;for(const e3 of t2)!e3.visible||e3.sweep<=0||a2.set(e3.id,e3.endAngle<=o2?1:e3.startAngle>=o2?0:(o2-e3.startAngle)/Math.max(1e-6,e3.sweep));return a2}computeSelectScaleMap(t2){const e2=new Map,i2=this.now();for(const s2 of t2){const t3=this.animator.valueAt("select:"+s2.id,i2);e2.set(s2.id,t3?t3.selectScale:this.selectedSlices.has(s2.id)?1:0)}return e2}computeOpacityMap(t2,e2){const i2=new Map;if(this.flipState&&!this.flipState.paused){const t3=this.now()-this.flipState.startedAt,e3=m(Math.min(1,Math.max(0,t3/Math.max(1,this.flipState.duration))),this.animationEasing);for(const t4 of this.flipState.plans)"exit"===t4.kind&&i2.set(t4.id,1-e3)}if(this.inactiveOtherSlices&&null!==e2){const s2=Math.min(1,Math.max(0,this.inactiveSliceOpacity));for(const n2 of t2)if(n2.id!==e2){const t3=i2.get(n2.id)??1;i2.set(n2.id,Math.min(t3,s2))}}return i2}async getEngineStatus(){const t2=Array.isArray(this.displayValues)?this.displayValues.length:0;return A({requested:this.engine,onUnavailable:this.unavailable,renderer:"pie",autoWantsPro:"auto"===this.engine&&Number.isFinite(this.proThreshold)&&t2>=this.proThreshold})}static get watchers(){return{values:[{handleValuesChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationChange:0}],animationDuration:[{handleAnimationChange:0}],animationEasing:[{handleAnimationChange:0}],animationType:[{handleAnimationChange:0}],innerSize:[{handleVisualPropsChange:0}],startAngle:[{handleVisualPropsChange:0}],endAngle:[{handleVisualPropsChange:0}],size:[{handleVisualPropsChange:0}],centerX:[{handleVisualPropsChange:0}],centerY:[{handleVisualPropsChange:0}],minSize:[{handleVisualPropsChange:0}],thickness:[{handleVisualPropsChange:0}],variableRadius:[{handleVisualPropsChange:0}],sizeBy:[{handleVisualPropsChange:0}],zMin:[{handleVisualPropsChange:0}],zMax:[{handleVisualPropsChange:0}],minPointSize:[{handleVisualPropsChange:0}],maxPointSize:[{handleVisualPropsChange:0}],palette:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],borderColor:[{handleVisualPropsChange:0}],borderWidth:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],labelsMode:[{handleVisualPropsChange:0}],labelsContent:[{handleVisualPropsChange:0}],labelsDistance:[{handleVisualPropsChange:0}],labelsFontSize:[{handleVisualPropsChange:0}],labelsColor:[{handleVisualPropsChange:0}],labelsFontWeight:[{handleVisualPropsChange:0}],labelsConnector:[{handleVisualPropsChange:0}],labelsConnectorColor:[{handleVisualPropsChange:0}],labelsConnectorWidth:[{handleVisualPropsChange:0}],slicedOffset:[{handleVisualPropsChange:0}],labelsConnectorPadding:[{handleVisualPropsChange:0}],labelsConnectorShape:[{handleVisualPropsChange:0}],labelsAllowOverlap:[{handleVisualPropsChange:0}],labelsMinSweep:[{handleVisualPropsChange:0}],activeSliceIndex:[{handleVisualPropsChange:0}],inactiveOtherSlices:[{handleVisualPropsChange:0}],inactiveSliceOpacity:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],stickyTracking:[{handleVisualPropsChange:0}]}}static get style(){return".sc-sy-pie-chart-h{display:inline-block;position:relative}.sy-pie-chart.sc-sy-pie-chart{position:relative;display:block}.sy-pie-chart__root.sc-sy-pie-chart{display:block;overflow:visible;user-select:none}.sy-pie-chart__root.sc-sy-pie-chart:focus,.sy-pie-chart__root.sc-sy-pie-chart:focus-visible{outline:none}.sy-pie-chart__watermark.sc-sy-pie-chart{position:absolute;top:4px;right:6px;font-size:10px;line-height:1;padding:2px 6px;background:hsla(0,0%,100%,.85);border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;pointer-events:none}.sy-pie-chart__slice.sc-sy-pie-chart{transition:filter 120ms ease,opacity 120ms ease;cursor:pointer}.sy-pie-chart__slice--inactive.sc-sy-pie-chart{pointer-events:none}.sy-pie-chart__slice--active.sc-sy-pie-chart{filter:brightness(1.08)}.sy-pie-chart__slice.sc-sy-pie-chart:hover{filter:brightness(1.06)}.sy-pie-chart__slice[data-focused=true].sc-sy-pie-chart{stroke:var(--sy-focus-ring, #2563eb);stroke-width:2.5;filter:brightness(1.08)}.sy-pie-chart__sr-only.sc-sy-pie-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-pie-chart__legend-item.sc-sy-pie-chart:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:2px}.sy-pie-chart__label.sc-sy-pie-chart{pointer-events:none;dominant-baseline:middle;paint-order:stroke fill}.sy-pie-chart__leader.sc-sy-pie-chart{fill:none;pointer-events:none}.sy-pie-chart__title.sc-sy-pie-chart{fill:var(--sy-axis-color, #1f2937);font-weight:600;text-anchor:middle;dominant-baseline:hanging}.sy-pie-chart__subtitle.sc-sy-pie-chart{fill:var(--sy-axis-color, #4b5563);text-anchor:middle;dominant-baseline:hanging}.sy-pie-chart__center-text.sc-sy-pie-chart{fill:var(--sy-axis-color, #111827);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.sy-pie-chart__tooltip.sc-sy-pie-chart{position:absolute;z-index:5}.sy-pie-chart__tooltip-connector.sc-sy-pie-chart{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.sy-pie-chart__legend.sc-sy-pie-chart{font-size:12px;color:var(--sy-axis-color, #1f2937);line-height:1.2}.sy-pie-chart__legend-item.sc-sy-pie-chart{cursor:pointer;user-select:none}.sy-pie-chart__legend-item--disabled.sc-sy-pie-chart{opacity:.4;text-decoration:line-through}.sy-pie-chart__legend-swatch.sc-sy-pie-chart{flex:0 0 auto;display:inline-block;width:10px;height:10px;border-radius:2px}"}},[514,"sy-pie-chart",{values:[1040],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],palette:[1],colors:[16],borderColor:[1,"border-color"],borderWidth:[2,"border-width"],slicedOffset:[2,"sliced-offset"],innerSize:[8,"inner-size"],size:[8],centerX:[8,"center-x"],centerY:[8,"center-y"],minSize:[2,"min-size"],thickness:[2],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],variableRadius:[4,"variable-radius"],sizeBy:[1,"size-by"],zMin:[2,"z-min"],zMax:[2,"z-max"],minPointSize:[8,"min-point-size"],maxPointSize:[8,"max-point-size"],centerText:[1,"center-text"],centerSubtext:[1,"center-subtext"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],legend:[4],legendPosition:[1,"legend-position"],legendItems:[16],labelsMode:[1,"labels-mode"],labelsContent:[1,"labels-content"],labelsDistance:[2,"labels-distance"],labelsFontSize:[2,"labels-font-size"],labelsFontWeight:[2,"labels-font-weight"],labelsColor:[1,"labels-color"],labelsMinSweep:[2,"labels-min-sweep"],labelsConnector:[4,"labels-connector"],labelsConnectorColor:[1,"labels-connector-color"],labelsConnectorWidth:[2,"labels-connector-width"],labelsConnectorPadding:[2,"labels-connector-padding"],labelsConnectorShape:[1,"labels-connector-shape"],labelsAllowOverlap:[4,"labels-allow-overlap"],tooltipShow:[4,"tooltip-show"],tooltipFormat:[16],enableMouseTracking:[4,"enable-mouse-tracking"],stickyTracking:[4,"sticky-tracking"],tooltip:[8],allowSelect:[4,"allow-select"],inactiveOtherSlices:[4,"inactive-other-slices"],inactiveSliceOpacity:[2,"inactive-slice-opacity"],activeSliceIndex:[1026,"active-slice-index"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],activeTier:[32],fallbackReason:[32],legendDisabled:[32],selectedSlices:[32],pieTooltip:[32],pieTooltips:[32],displayValues:[32],hoverSliceId:[32],focusedSliceId:[32],srAnnouncement:[32],animationTick:[32],redraw:[64],getActiveTier:[64],addSlice:[64],removeSlice:[64],updateSlice:[64],setSliceData:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],selectSlice:[64],deselectSlice:[64],getSelectedSlices:[64],hitTestSlice:[64],showTooltipAtSlice:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{values:[{handleValuesChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationChange:0}],animationDuration:[{handleAnimationChange:0}],animationEasing:[{handleAnimationChange:0}],animationType:[{handleAnimationChange:0}],innerSize:[{handleVisualPropsChange:0}],startAngle:[{handleVisualPropsChange:0}],endAngle:[{handleVisualPropsChange:0}],size:[{handleVisualPropsChange:0}],centerX:[{handleVisualPropsChange:0}],centerY:[{handleVisualPropsChange:0}],minSize:[{handleVisualPropsChange:0}],thickness:[{handleVisualPropsChange:0}],variableRadius:[{handleVisualPropsChange:0}],sizeBy:[{handleVisualPropsChange:0}],zMin:[{handleVisualPropsChange:0}],zMax:[{handleVisualPropsChange:0}],minPointSize:[{handleVisualPropsChange:0}],maxPointSize:[{handleVisualPropsChange:0}],palette:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],borderColor:[{handleVisualPropsChange:0}],borderWidth:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],labelsMode:[{handleVisualPropsChange:0}],labelsContent:[{handleVisualPropsChange:0}],labelsDistance:[{handleVisualPropsChange:0}],labelsFontSize:[{handleVisualPropsChange:0}],labelsColor:[{handleVisualPropsChange:0}],labelsFontWeight:[{handleVisualPropsChange:0}],labelsConnector:[{handleVisualPropsChange:0}],labelsConnectorColor:[{handleVisualPropsChange:0}],labelsConnectorWidth:[{handleVisualPropsChange:0}],slicedOffset:[{handleVisualPropsChange:0}],labelsConnectorPadding:[{handleVisualPropsChange:0}],labelsConnectorShape:[{handleVisualPropsChange:0}],labelsAllowOverlap:[{handleVisualPropsChange:0}],labelsMinSweep:[{handleVisualPropsChange:0}],activeSliceIndex:[{handleVisualPropsChange:0}],inactiveOtherSlices:[{handleVisualPropsChange:0}],inactiveSliceOpacity:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],stickyTracking:[{handleVisualPropsChange:0}]}]);function E(){"undefined"!=typeof customElements&&["sy-pie-chart"].forEach((t2=>{"sy-pie-chart"===t2&&(customElements.get(o(t2))||customElements.define(o(t2),D))}))}E();const N=D,X=E;export{N as SyPieChart,X as defineCustomElement};

package/dist/components/sy-polar-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyPolarChart extends Components.SyPolarChart, HTMLElement {
+}
+export const SyPolarChart: {
+    prototype: SyPolarChart;
+    new (): SyPolarChart;
+};
+export const defineCustomElement: () => void;