@syidax/advanced 0.0.0-stage → 1.0.1

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

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,d as n,t as o}from"./p-BPmwlQtL.js";import{s as r,r as a}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}from"./p-C3jLZ9n2.js";import{c as p,b as m}from"./p-DH8K7zqB.js";import{s as b,r as g}from"./p-CChSqEEO.js";import{c as f,l as x}from"./p-DTZUbymc.js";import{c as y}from"./p-BwM4aW0R.js";import{r as v}from"./p-BXmzh2Uk.js";import{a as w,e as C,r as k,f as S}from"./p-DhcQQtwn.js";import{t as A,c as M}from"./p-C0f63Npv.js";import{c as _,d as T}from"./p-D0Zr5HHA.js";import{s as V}from"./p-B3gMdXEP.js";function L(t2){return"number"==typeof t2&&Number.isFinite(t2)?t2:null}function P(t2,i2){return i2>0?t2/i2:t2}function N(t2,i2,s2){return t2.x+(i2+.5)*P(t2.width,s2)}function D(t2,i2,s2){const e2=i2.y+i2.height;return e2+(t2-e2)*(function(t3){return!Number.isFinite(t3)||t3<=0?0:t3>=1?1:t3})(s2)}function Y(t2,i2,s2,e2){const n2=E(i2),o2=E(s2),r2=E(e2);switch(t2){case"square":return`M ${n2-r2} ${o2-r2} H ${n2+r2} V ${o2+r2} H ${n2-r2} Z`;case"diamond":return`M ${n2} ${o2-r2} L ${n2+r2} ${o2} L ${n2} ${o2+r2} L ${n2-r2} ${o2} Z`;default:return`M ${n2-r2} ${o2} a ${r2} ${r2} 0 1 0 ${2*r2} 0 a ${r2} ${r2} 0 1 0 ${2*-r2} 0`}}function $(t2,i2,s2,e2){if(0===i2)return-1;if(s2<t2.x||s2>t2.x+t2.width)return-1;if(e2<t2.y||e2>t2.y+t2.height)return-1;const n2=Math.floor((s2-t2.x)/P(t2.width,i2));return Math.max(0,Math.min(i2-1,n2))}function E(t2){return Math.round(100*t2)/100}function I(t2,i2=0){const s2=Array.isArray(t2.values)?t2.values:void 0;return{category:t2.category??i2+1+"",low:(s2?s2[0]:t2.low)??null,high:(s2?s2[1]:t2.high)??null,lowColor:t2.lowColor,highColor:t2.highColor,lowMarker:t2.lowMarker,highMarker:t2.highMarker}}function X(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}const F="reveal",H="morph",j="stream",z="low",O="high";function R(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"}function B(t2){if(!Number.isFinite(t2)||t2<=0)return 1;const i2=1.05*t2,s2=Math.floor(Math.log10(i2)),e2=Math.pow(10,s2);for(const t3 of[1,1.5,2,2.5,3,4,5,6,8,10])if(t3*e2>=i2)return t3*e2;return 10*e2}const U=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.legendItemClick=s(this,"legendItemClick",7),this.seriesToggled=s(this,"seriesToggled",7)}get host(){return this}data=[];categories;groups;lowName;highName;width=640;height=360;brandLogo;brandPosition="bottom-right";color="";lineColor="#cbd5e1";lineWidth=3;marker="circle";markerSize=6;sortDescending=false;valueAxisLabel;xAxis;yAxis;gridLines;xLabelMode;xLabelRotation;xLabelMaxCount;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;legendItemClick;seriesToggled;activeTier="standard";legendDisabled=new Set;fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=(function(){const t2=new Map;function i2(t3,i3){return t3.duration<=0?1:X((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 n2=t2.get(s2);if(n2)return n2.startedAt<0&&!n2.paused&&(n2.startedAt=e2),(function(t3,i3){const s3=X(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(n2,e2),n2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const n2=t2.get(s2);return!!n2&&(!!n2.paused||i2(n2,e2)<1)},tick(s2){const e2=[];for(const[n2,o2]of t2)o2.startedAt<0&&!o2.paused&&(o2.startedAt=s2),o2.paused||i2(o2,s2)>=1&&e2.push(n2);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;displayedConnectors=new Map;morphFromConnectors;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)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamLowWindow=new Float32Array(0);streamHighWindow=new Float32Array(0);streamCategories=[];streamFromLow;streamFromHigh;lastStreamTime;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),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(true)&&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(){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(this.firstRender)?(this.firstRender=false,this.startReveal()):this.shouldUpdateAnimation()?this.startMorph():this.animationTick++}firstRender=true;handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){this.shouldInitialAnimation(true)?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.data=t2}async appendPoint(t2){const i2=I(t2,this.data.length);await this.streamLicense.run("appendPoint",(s2=>{"stream"===s2&&this.activeStreamSource()?this.ensureInternalStreamSource()?.push({values:[i2.low,i2.high],category:i2.category}):this.data=[...this.data,t2]}),void 0!==this.displayedStreamSource())}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 showSeries(t2,i2){return this.updateEndVisible(t2,true,i2)}async hideSeries(t2,i2){return this.updateEndVisible(t2,false,i2)}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){if(!this.hasVisibleEnd())return null;const s2=this.computeDumbbellLayout(),e2=$(s2.plot,s2.model.items.length,t2,i2);return e2<0?null:this.itemHasVisibleEndpoint(s2.model.items[e2])?this.detailForIndex(s2,e2,t2,i2):null}async showTooltipAtPoint(t2){if(!this.hasVisibleEnd())return null;const i2=this.resolveTooltipSpec();if(!i2.show)return null;const s2=this.computeDumbbellLayout(),e2=this.dumbbellHitAtIndex(s2,t2);return e2?this.showTooltipForHit(s2,e2,i2,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())}normalizedData(){return(function(t2){return Array.isArray(t2)?t2.map(((t3,i2)=>I(t3,i2))):[]})(this.data)}lows(){return this.normalizedData().map((t2=>t2.low))}highs(){return this.normalizedData().map((t2=>t2.high))}cats(){return this.categories?[...this.categories]:this.isStreaming()?[...this.streamCategories]:this.normalizedData().map((t2=>t2.category))}computeDumbbellLayout(){const t2=(function(t3,i3,s3,e3={}){const n3=Math.max(t3.length,i3.length),o3=[];for(let e4=0;e4<n3;e4++){const n4=L(t3[e4]),r4=L(i3[e4]);o3.push({index:e4,sourceIndex:e4,category:s3?.[e4]??e4+1+"",low:n4,high:r4})}if(e3.sortDescending){const t4=t5=>t5.high??t5.low??-1/0;o3.sort(((i4,s4)=>t4(s4)-t4(i4)||i4.sourceIndex-s4.sourceIndex)),o3.forEach(((t5,i4)=>{t5.index=i4}))}let r3=0,a3=0,h3=false;for(const t4 of o3)for(const i4 of[t4.low,t4.high])null!==i4&&(h3?(r3=Math.max(r3,i4),a3=Math.min(a3,i4)):(r3=i4,a3=i4,h3=true));return{items:o3,maxValue:h3?r3:0,minValue:h3?a3:0}})(this.streamLow()??this.lows(),this.streamHigh()??this.highs(),this.cats(),{sortDescending:this.sortDescending&&!this.isStreaming()}),i2=this.legendVisible()?this.buildLegendLayout():null,s2=this.outerRectFromLegend(i2),e2=t2.items.length,n2=t2.items.map((t3=>t3.category)),o2=B(Math.max(t2.maxValue,1)),r2=(function(t3){return!Number.isFinite(t3)||t3>=0?0:-B(-t3)})(t2.minValue),a2=w(this.resolveXAxisInput(n2),this.resolveYAxisInput()),h2=p({outerWidth:s2.width,outerHeight:s2.height,axes:a2,gridLines:C(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,e2-.5)},yExtent:{min:r2,max:o2}}),l2={x:s2.x+h2.plot.x,y:s2.y+h2.plot.y,width:h2.plot.width,height:h2.plot.height},c2=t3=>s2.y+h2.yScale(t3),u2=(function(t3,i3,s3){const e3=t3.items.length,n3=[];for(const o3 of t3.items)null===o3.low&&null===o3.high||n3.push({index:o3.index,category:o3.category,x:N(i3,o3.index,e3),low:o3.low,high:o3.high,lowY:null===o3.low?null:s3(o3.low),highY:null===o3.high?null:s3(o3.high)});return n3})(t2,l2,c2);return{model:t2,outer:s2,plot:l2,frame:h2,valueY:c2,connectors:u2,legend:i2}}outerRectFromLegend(t2){if(!t2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const i2=t2.remainingOuter;return{x:i2.x,y:i2.y,width:Math.max(1,i2.width),height:Math.max(1,i2.height)}}buildLegendLayout(){const t2=this.legendItems().map(((t3,i2)=>({label:t3.label,swatchColor:t3.color,swatchShape:"circle",disabled:this.isEndDisabled(t3.id),seriesIndex:i2})));return y({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})}resolveXAxisInput(t2){const i2={kind:"category",position:"bottom",show:true,categories:t2,tickCount:Math.min(t2.length,24)};return this.xAxis&&"object"==typeof this.xAxis?{...i2,...this.xAxis,categories:t2}:false===this.xAxis||"off"===this.xAxis?{...i2,show:false}:i2}resolveYAxisInput(){const t2={kind:"linear",position:"left",show:true,label:this.valueAxisLabel};return this.yAxis&&"object"==typeof this.yAxis?{...t2,...this.yAxis}:false===this.yAxis||"off"===this.yAxis?{...t2,show:false}:t2}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&t2)}shouldUpdateAnimation(){return!!this.shouldAnimate()&&"initial"!==this.animationType}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(F,{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.morphFromConnectors=new Map(this.displayedConnectors),this.animator.start(H,{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(F)?this.animator.progressAt(F,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(H)?this.animator.progressAt(H,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=[],i2=this.lows(),s2=this.highs(),e2=this.cats(),n2=Math.max(i2.length,s2.length);for(let o2=0;o2<n2;o2++){const n3=i2[o2],r2=s2[o2];"number"==typeof n3&&Number.isFinite(n3)&&"number"==typeof r2&&Number.isFinite(r2)&&t2.push({values:[n3,r2],category:e2[o2]})}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{list:i2,event:s2}=d(this.data,t2,(t3=>{const i3=(function(t4){if(!t4||"object"!=typeof t4)return;const i4=Array.isArray(t4.values)?t4.values:void 0,s3=i4?i4[0]:t4.low,e2=i4?i4[1]:t4.high;return"number"==typeof s3&&"number"==typeof e2&&Number.isFinite(s3)&&Number.isFinite(e2)?{values:[s3,e2],low:s3,high:e2,category:t4.category}:void 0})(t3);if(i3)return void 0===i3.category?{values:[i3.low,i3.high]}:{category:i3.category,values:[i3.low,i3.high]}}));s2&&(this.data=i2,"push"!==s2.type&&"pushBatch"!==s2.type||this.appended.emit({count:s2.count}),"shift"===s2.type&&this.windowSlid.emit({dropped:s2.count}))}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenData=this.data,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.data===this.streamFrozenData||this.boundStreamSource||(this.internalStreamSource=void 0,this.streamLowWindow=new Float32Array(0),this.streamHighWindow=new Float32Array(0),this.streamCategories=[],this.streamFromLow=void 0,this.streamFromHigh=void 0),this.streamFrozenData=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,i2){const s2=t2.snapshot("number"==typeof this.streamWindow&&this.streamWindow>0?this.streamWindow:void 0),e2=t3=>"bigint"==typeof t3?Number(t3):"number"==typeof t3&&Number.isFinite(t3)?t3:0,n2=Float32Array.from(s2.map((t3=>e2(t3.low)))),o2=Float32Array.from(s2.map((t3=>e2(t3.high)))),r2=s2.map(((t3,i3)=>t3.category??i3+1+""));if(this.shouldAnimate()&&this.streamLowWindow.length>0&&n2.length>0){const t3=this.now(),i3=f(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFromLow=this.currentStreamLow(),this.streamFromHigh=this.currentStreamHigh(),this.suppressNextValuesAnimation=true,this.streamLowWindow=n2,this.streamHighWindow=o2,this.streamCategories=r2,i3>0&&(this.animator.start(j,{duration:i3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.streamLowWindow=n2,this.streamHighWindow=o2,this.streamCategories=r2;this.animationTick++,"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}isStreaming(){return null!=this.displayedStreamSource()&&!this.appTookFrozenDisplay()}appTookFrozenDisplay(){return this.streamLicense.frozen&&void 0!==this.streamFrozenData&&this.data!==this.streamFrozenData}currentStreamLow(){return this.animator.has(j)&&this.streamFromLow?x(this.streamFromLow,this.streamLowWindow,this.animator.progressAt(j,this.now())??1):this.streamLowWindow}currentStreamHigh(){return this.animator.has(j)&&this.streamFromHigh?x(this.streamFromHigh,this.streamHighWindow,this.animator.progressAt(j,this.now())??1):this.streamHighWindow}streamLow(){return this.isStreaming()?this.animator.has(j)&&this.streamFromLow?x(this.streamFromLow,this.streamLowWindow,this.animator.progressAt(j,this.now())??1):this.streamLowWindow:null}streamHigh(){return this.isStreaming()?this.animator.has(j)&&this.streamFromHigh?x(this.streamFromHigh,this.streamHighWindow,this.animator.progressAt(j,this.now())??1):this.streamHighWindow:null}detailForIndex(t2,i2,s2,e2){const n2=t2.model.items[i2];return{index:i2,category:n2.category,low:n2.low,high:n2.high,range:null===n2.low||null===n2.high?null:n2.high-n2.low,cssX:s2,cssY:e2}}itemHasVisibleEndpoint(t2){return this.isLowVisible()&&null!==t2.low||this.isHighVisible()&&null!==t2.high}resolveTooltipSpec(){const t2=k(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}dumbbellHitAtIndex(t2,i2){if(!this.hasVisibleEnd())return null;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(!this.itemHasVisibleEndpoint(e2))return null;const n2=t2.connectors.find((t3=>t3.index===s2)),o2=t2.model.items.length,r2=n2?.x??N(t2.plot,s2,o2),a2=this.isHighVisible()&&null!==e2.high,h2=a2?e2.high:e2.low,l2=a2?n2?.highY??t2.valueY(e2.high):n2?.lowY??t2.valueY(e2.low);return{index:s2,category:e2.category,low:e2.low,high:e2.high,value:h2,cssX:r2,cssY:l2}}srSummary(t2){const i2=t2.items.filter((t3=>null!==t3.low||null!==t3.high));return 0===i2.length?"Dumbbell chart, no data":`Dumbbell range chart, ${i2.length} categories, value range ${Math.round(t2.minValue)} to ${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 n2=i2.cssX,o2=i2.cssY,a2={seriesIndex:0,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:n2,cssY:o2,dataX:i2.index,dataY:i2.value,mode:s2.mode},h2=s2.side?s2:{...s2,side:"top"},l2=m({frame:{plot:t2.plot},hit:{cssX:n2,cssY:o2},spec:h2}),c2=this.lockedTooltipPositionForHit(i2,s2),u2=c2?.side??l2.side,d2=c2?this.tooltipAnchorFromPositionLock(c2.lock,u2,c2.box,s2.offset??10):{cssX:l2.cssX,cssY:l2.cssY},p2=r(s2.format,[i2.value,a2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),b2=r(s2.html,[i2.value,a2],(()=>{}),"tooltip.html",s2),g2={id:this.nextTooltipId++,cssX:d2.cssX,cssY:d2.cssY,pointCssX:n2,pointCssY:o2,box:c2?.box,side:u2,text:p2,html:b2,className:s2.className,style:this.tooltipStyleFromSpec(s2),interactive:s2.interactive,connector:s2.connector,draggable:s2.draggable,offset:s2.offset,positionLock:c2?.lock,context:a2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=g2,this.cartesianTooltips=[...this.cartesianTooltips,g2]):(this.cartesianTooltips=[],this.cartesianTooltip=g2);const f2={cssX:d2.cssX,cssY:d2.cssY,anchor:u2,text:p2,html:b2,context:a2};return this.tooltipShow.emit(f2),f2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,category:t2.category,low:t2.low,high:t2.high,range:null===t2.low||null===t2.high?null:t2.high-t2.low,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){a(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${G(t2.low)} → ${G(t2.high)}`}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:n2,side:o2,text:r2,html:a2,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"===o2?(p2.left=s2+"px",p2.top=n2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===o2?(p2.left=s2+"px",p2.top=n2+d2+"px",p2.transform="translate(-50%, 0%)"):"left"===o2?(p2.left=s2-d2+"px",p2.top=n2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=s2+d2+"px",p2.top=n2+"px",p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=W(t3,i3);return void 0!==a2?e("div",{class:R("sy-dumbbell-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:i2?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:a2}):e("div",{class:R("sy-dumbbell-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:i2?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:e("svg",{class:"sy-dumbbell-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:this.width+"px",height:this.height+"px",pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},t2.map((t3=>{const i2=t3.connector,s2=A(t3);return e("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:s2.x,y2: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=M({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,n2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+n2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-n2}:"left"===e2?{cssX:t2+s2.width+n2,cssY:i2+s2.height/2}:{cssX:t2-n2,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,n2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===n2)return;const o2={width:e2,height:n2},r2={...t2,box:o2};t2.positionLock&&Object.assign(r2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(r2),this.cartesianTooltip=r2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,n2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),o2=this.cartesianTooltips.find((t3=>t3.id===n2))??this.cartesianTooltip;e2&&o2&&(t2.stopPropagation(),this.tooltipAction.emit({...o2.context,action:e2,text:o2.text,html:o2.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,n2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},o2=this.cartesianTooltip.box??e2.box,r2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:o2,positionLock:n2};Object.assign(r2,this.tooltipAnchorFromPositionLock(n2,r2.side,o2,r2.offset??10)),this.cartesianTooltip=r2,this.rememberDraggableTooltipPosition(r2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:r2.cssX,originY:r2.cssY,originLockX:n2.x,originLockY:n2.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.enableMouseTracking)return;const i2=this.computeDumbbellLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2);this.updateCrosshair(i2,s2,e2);const n2=this.resolveTooltipSpec(),o2=this.hasVisibleEnd()?$(i2.plot,i2.model.items.length,s2,e2):-1;if(o2<0||!this.itemHasVisibleEndpoint(i2.model.items[o2]))return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(n2)&&this.clearTooltips());if(o2!==this.hoverIndex&&(this.hoverIndex=o2,this.pointHover.emit(this.detailForIndex(i2,o2,s2,e2))),n2.show&&this.shouldShowTooltipOnHover(n2)){const t3=this.dumbbellHitAtIndex(i2,o2);t3&&this.showTooltipForHit(i2,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,i2,s2){const e2=S(this.crosshair),{plot:n2}=t2;if(!e2.show||!(i2>=n2.x&&i2<=n2.x+n2.width&&s2>=n2.y&&s2<=n2.y+n2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const o2=t2.connectors.map((t3=>({pos:t3.x,index:t3.index}))),r2=t2.connectors.flatMap((t3=>{const i3=[];return this.isLowVisible()&&null!==t3.lowY&&i3.push({cssX:t3.x,cssY:t3.lowY,index:t3.index}),this.isHighVisible()&&null!==t3.highY&&i3.push({cssX:t3.x,cssY:t3.highY,index:t3.index}),i3})),a2=b(i2,s2,n2,"x",o2,r2,e2.snap);this.cursor&&this.cursor.cssX===a2.cssX&&this.cursor.cssY===a2.cssY||(this.cursor={cssX:a2.cssX,cssY:a2.cssY},this.crosshairMove.emit({cssX:a2.cssX,cssY:a2.cssY,snappedPointIndex:a2.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=S(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,n2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",o2="horizontal"===i2.mode||"cross"===i2.mode;return e("div",{class:"sy-dumbbell-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:this.width+"px",height:this.height+"px",pointerEvents:"none",zIndex:"2"}},("vertical"===i2.mode||"cross"===i2.mode)&&e("div",{class:"sy-dumbbell-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",n2,i2.dash)}}),o2&&e("div",{class:"sy-dumbbell-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",n2,i2.dash)}}))}handlePointerClick=t2=>{const i2=this.computeDumbbellLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),{plot:n2}=i2,o2=s2>=n2.x&&s2<=n2.x+n2.width&&e2>=n2.y&&e2<=n2.y+n2.height,r2=this.hasVisibleEnd()?$(i2.plot,i2.model.items.length,s2,e2):-1,a2=r2>=0?i2.connectors.find((t3=>t3.index===r2))??null:null,h2=a2?this.visibleMarkerYs(a2):[],l2=0===h2.length||e2<Math.min(...h2)-12||e2>Math.max(...h2)+12;if(r2<0||!this.itemHasVisibleEndpoint(i2.model.items[r2])||l2)return this.hasVisibleTooltips()&&this.clearTooltips(),void(o2&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}));this.pointClick.emit(this.detailForIndex(i2,r2,s2,e2));const c2=this.resolveTooltipSpec();if(c2.show&&this.shouldShowTooltipOnClick(c2)){const t3=this.dumbbellHitAtIndex(i2,r2);t3&&this.showTooltipForHit(i2,t3,c2,true)}};handleContextMenu=t2=>{if(!this.hasVisibleEnd())return;const i2=this.computeDumbbellLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),n2=$(i2.plot,i2.model.items.length,s2,e2);n2<0||!this.itemHasVisibleEndpoint(i2.model.items[n2])||this.pointContextMenu.emit(l(t2,this.host,"dumbbell",this.detailForIndex(i2,n2,s2,e2)))};legendVisible(){return this.legend}pairColors(){return _(this.color,["#94a3b8","#2563eb"])}groupLabels(){return[this.groups?.[0]?.trim()||this.lowName?.trim()||"Low",this.groups?.[1]?.trim()||this.highName?.trim()||"High"]}legendItems(){const[t2,i2]=this.pairColors(),[s2,e2]=this.groupLabels();return[{id:z,label:s2,color:t2},{id:O,label:e2,color:i2}]}isEndDisabled(t2){return this.legendDisabled.has(t2)}isLowVisible(){return!this.isEndDisabled(z)}isHighVisible(){return!this.isEndDisabled(O)}hasVisibleEnd(){return this.isLowVisible()||this.isHighVisible()}hasVisibleConnector(){return this.isLowVisible()&&this.isHighVisible()}visibleMarkerYs(t2){const i2=[];return this.isLowVisible()&&null!==t2.lowY&&i2.push(t2.lowY),this.isHighVisible()&&null!==t2.highY&&i2.push(t2.highY),i2}renderedElementCount(t2){if(!this.hasVisibleEnd())return 0;let i2=0,s2=0;for(const e2 of t2)this.isLowVisible()&&null!==e2.lowY&&i2++,this.isHighVisible()&&null!==e2.highY&&i2++,this.hasVisibleConnector()&&null!==e2.lowY&&null!==e2.highY&&s2++;return i2+s2}endpointIndex(t2){return t2===z?0:1}resolveEndId(t2){if("number"==typeof t2&&Number.isFinite(t2)){const i3=Math.floor(t2);return 0===i3?z:1===i3?O:null}const i2=(t2+"").trim().toLowerCase(),[s2,e2]=this.groupLabels();return i2===z||i2===s2.trim().toLowerCase()?z:i2===O||i2===e2.trim().toLowerCase()?O:null}updateEndVisible(t2,i2,s2){const e2=this.resolveEndId(t2);if(!e2)return false;const n2=new Set(this.legendDisabled);i2?n2.delete(e2):n2.add(e2),this.legendDisabled=n2;const o2=this.endpointIndex(e2);return this.seriesToggled.emit({index:o2,seriesId:e2,disabled:!i2}),false!==s2?.redraw&&this.animationTick++,true}toggleEnd(t2,i2){const s2=new Set(this.legendDisabled);s2.has(t2.id)?s2.delete(t2.id):s2.add(t2.id),this.legendDisabled=s2;const e2=s2.has(t2.id);this.legendItemClick.emit({index:i2,seriesId:t2.id,label:t2.label,disabled:e2}),this.seriesToggled.emit({index:i2,seriesId:t2.id,disabled:e2}),this.animationTick++}renderLegend(t2){const i2=t2.legend;if(!i2?.legendRect)return null;const s2=i2.legendRect;return e("div",{class:"sy-dumbbell-chart__legend",style:{position:"absolute",left:s2.x+"px",top:s2.y+"px",width:s2.width+"px",height:s2.height+"px",display:"flex",flexDirection:"left"===this.legendPosition||"right"===this.legendPosition?"column":"row",flexWrap:"wrap",gap:"14px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto",zIndex:"3"}},this.legendItems().map(((t3,i3)=>{const s3=this.isEndDisabled(t3.id);return e("button",{type:"button",key:"lg-"+i3,class:{"sy-dumbbell-chart__legend-item":true,"sy-dumbbell-chart__legend-item--disabled":s3},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",outline:"none",boxShadow:"none",appearance:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"inherit",color:"inherit",opacity:s3?"0.4":"1",textDecoration:s3?"line-through":"none"},onClick:()=>this.toggleEnd(t3,i3)},e("span",{class:"sy-dumbbell-chart__legend-swatch",style:{width:"12px",height:"12px",borderRadius:"50%",background:t3.color}}),e("span",{class:"sy-dumbbell-chart__legend-label"},t3.label))})))}render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU dumbbell renderer exists";if("error"===h(t3.onUnavailable))throw Error('sy-dumbbell-chart: Pro engine is unavailable — no GPU dumbbell renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-dumbbell-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.computeDumbbellLayout(),s2=this.animator.has(F)&&!this.morphActive,o2=this.morphActive&&this.animator.has(H)&&void 0!==this.morphFromConnectors,r2=s2?this.revealProgress():1,a2=o2?this.morphProgress():1,l2=new Map;for(const t3 of i2.connectors){let e2=t3.lowY,n2=t3.highY;if(o2){const i3=this.morphFromConnectors.get(t3.index);i3&&(null!==i3.lowY&&null!==t3.lowY&&(e2=i3.lowY+(t3.lowY-i3.lowY)*a2),null!==i3.highY&&null!==t3.highY&&(n2=i3.highY+(t3.highY-i3.highY)*a2))}else s2&&(e2=null===t3.lowY?null:D(t3.lowY,i2.plot,r2),n2=null===t3.highY?null:D(t3.highY,i2.plot,r2));l2.set(t3.index,{lowY:e2,highY:n2})}this.displayedConnectors=l2,this.lastRenderResult={points:this.renderedElementCount(i2.connectors),renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model);const[c2,u2]=this.pairColors(),[d2,p2]=T(this.marker,["circle","circle"]),m2=this.normalizedData(),b2=new Map;if(!this.isStreaming())for(const t3 of i2.model.items)b2.set(t3.index,t3.sourceIndex);const g2=Math.max(1,this.markerSize),f2=(t3,i3,s3,n2,o3,r3)=>"circle"===t3?e("circle",{key:r3,class:"sy-dumbbell-chart__marker",cx:q(i3),cy:q(s3),r:q(Math.max(.5,n2)),fill:o3,stroke:"#fff","stroke-width":1}):e("path",{key:r3,class:"sy-dumbbell-chart__marker",d:Y(t3,i3,s3,Math.max(.5,n2)),fill:o3,stroke:"#fff","stroke-width":1});return e(n,{key:"86f8fcc5c39b7fb84c07d34ad34a269a73f8c9fa",style:{position:"relative",display:"inline-block",width:this.width+"px",height:this.height+"px"},role:"figure","aria-label":this.chartTitle??"Dumbbell chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),e("svg",{key:"83c79ffa6695dd368b77450714ca8b5705949171",class:"sy-dumbbell-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},this.hasVisibleConnector()&&e("g",{key:"657a3a1bcbc9c306fffbbded371f8e7551d02261",class:"sy-dumbbell-chart__connectors"},i2.connectors.map((t3=>{const{lowY:i3,highY:n2}=l2.get(t3.index);if(null===i3||null===n2)return null;const o3=this.hoverIndex===t3.index,a3=Math.abs(i3-n2),h2=s2&&a3>.01?q(a3):void 0,c3=void 0===h2?void 0:q(a3*(1-r2));return e("line",{key:"con-"+t3.index,class:"sy-dumbbell-chart__connector",x1:q(t3.x),y1:q(i3),x2:q(t3.x),y2:q(n2),stroke:this.lineColor,"stroke-width":this.lineWidth,"stroke-linecap":"round","stroke-dasharray":h2,"stroke-dashoffset":c3,opacity:null===this.hoverIndex||o3?1:.5})}))),this.hasVisibleEnd()&&e("g",{key:"4893c53a993e3b67c4ac9365e3354bf715cd110a",class:"sy-dumbbell-chart__markers"},i2.connectors.map((t3=>{const{lowY:i3,highY:s3}=l2.get(t3.index),e2=this.hoverIndex===t3.index?g2+1.5:g2,n2=b2.get(t3.index),o3=void 0===n2?void 0:m2[n2],r3=o3?.lowColor??c2,a3=o3?.highColor??u2,h2=o3?.lowMarker??d2,x2=o3?.highMarker??p2;return[this.isLowVisible()&&null!==i3?f2(h2,t3.x,i3,e2,r3,"low-"+t3.index):null,this.isHighVisible()&&null!==s3?f2(x2,t3.x,s3,e2,a3,"high-"+t3.index):null]})))),this.renderCrosshair(i2),this.renderLegend(i2),this.renderTooltipConnector(),this.renderTooltip(),e("span",{key:"1dd07ec50b88b19a77483bdd772ba78b86018857",class:"sy-dumbbell-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&e("span",{key:"58a0af663abe38d388ffff5a92619564f30bfc0b",class:"sy-dumbbell-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:n2}=t2,o2=t3=>t3.label??t3.value+"",r2=i2.xTicks.map((t3=>o2(t3))),a2=i2.xTicks.map((t3=>s2.x+t3.position)),h2=g({labels:r2,centers:a2,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return e("div",{class:"sy-dumbbell-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:this.width+"px",height:this.height+"px",pointerEvents:"none"}},i2.titleRect&&this.chartTitle&&e("div",{class:"sy-dumbbell-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-dumbbell-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-dumbbell-chart__grid-line",style:{position:"absolute",left:n2.x+"px",top:s2.y+t3.y+"px",width:n2.width+"px",height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.xTicks.map(((t3,i3)=>h2.visible[i3]?e("div",{class:"sy-dumbbell-chart__axis-label sy-dumbbell-chart__axis-label--x",style:{position:"absolute",left:s2.x+t3.position-28+"px",top:n2.y+n2.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"}:{}}},o2(t3)):null)),i2.yTicks.map((t3=>e("div",{class:"sy-dumbbell-chart__axis-label sy-dumbbell-chart__axis-label--y",style:{position:"absolute",left:n2.x-48+"px",top:s2.y+t3.position-7+"px",width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},o2(t3)))),e("div",{class:"sy-dumbbell-chart__axis-line",style:{position:"absolute",left:n2.x+"px",top:n2.y+n2.height+"px",width:n2.width+"px",height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),e("div",{class:"sy-dumbbell-chart__axis-line",style:{position:"absolute",left:n2.x+"px",top:n2.y+"px",width:"1px",height:n2.height+"px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),this.valueAxisLabel&&e("div",{class:"sy-dumbbell-chart__axis-title",style:{position:"absolute",left:n2.x-68+"px",top:n2.y+n2.height/2+"px",width:n2.height+"px",transform:"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},this.valueAxisLabel))}async getEngineStatus(){return V({requested:this.engine,onUnavailable:this.unavailable,renderer:"dumbbell"})}static get watchers(){return{data:[{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}],groups:[{handleVisualChange:0}],color:[{handleVisualChange:0}],lineColor:[{handleVisualChange:0}],lineWidth:[{handleVisualChange:0}],marker:[{handleVisualChange:0}],markerSize:[{handleVisualChange:0}],sortDescending:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],xAxis:[{handleVisualChange:0}],yAxis:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}],lowName:[{handleVisualChange:0}],highName:[{handleVisualChange:0}],legend:[{handleVisualChange:0}],legendPosition:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}]}}static get style(){return".sc-sy-dumbbell-chart-h{display:inline-block;position:relative}.sy-dumbbell-chart__surface.sc-sy-dumbbell-chart{display:block}.sy-dumbbell-chart__connector.sc-sy-dumbbell-chart,.sy-dumbbell-chart__marker.sc-sy-dumbbell-chart{transition:opacity 120ms ease}.sy-dumbbell-chart__tooltip.sc-sy-dumbbell-chart{pointer-events:none}.sy-dumbbell-chart__sr-only.sc-sy-dumbbell-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-dumbbell-chart__watermark.sc-sy-dumbbell-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}"}},[514,"sy-dumbbell-chart",{data:[1040],categories:[16],groups:[16],lowName:[1,"low-name"],highName:[1,"high-name"],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"],sortDescending:[4,"sort-descending"],valueAxisLabel:[1,"value-axis-label"],xAxis:[8,"x-axis"],yAxis:[8,"y-axis"],gridLines:[8,"grid-lines"],xLabelMode:[1,"x-label-mode"],xLabelRotation:[2,"x-label-rotation"],xLabelMaxCount:[2,"x-label-max"],crosshair:[8],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],legend:[4],legendPosition:[1,"legend-position"],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],legendDisabled:[32],fallbackReason:[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],showSeries:[64],hideSeries:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAtPoint:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{data:[{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}],groups:[{handleVisualChange:0}],color:[{handleVisualChange:0}],lineColor:[{handleVisualChange:0}],lineWidth:[{handleVisualChange:0}],marker:[{handleVisualChange:0}],markerSize:[{handleVisualChange:0}],sortDescending:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],xAxis:[{handleVisualChange:0}],yAxis:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}],lowName:[{handleVisualChange:0}],highName:[{handleVisualChange:0}],legend:[{handleVisualChange:0}],legendPosition:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}]}]);function q(t2){return Math.round(100*t2)/100}function G(t2){return null===t2?"null":(function(t3){return Number.isInteger(t3)?t3+"":t3.toFixed(2)})(t2)}function Z(){"undefined"!=typeof customElements&&["sy-dumbbell-chart"].forEach((t2=>{"sy-dumbbell-chart"===t2&&(customElements.get(o(t2))||customElements.define(o(t2),U))}))}Z();const K=U,Q=Z;export{K as SyDumbbellChart,Q as defineCustomElement};

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

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

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

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as n,d as s,t as o}from"./p-BPmwlQtL.js";import{s as r}from"./p-DO6vGxJP.js";import{n as a,b as h}from"./p-COVKN1k-.js";import{C as l,c}from"./p-C3jLZ9n2.js";import{c as u}from"./p-BwM4aW0R.js";import{r as d}from"./p-BXmzh2Uk.js";import{d as p,c as f}from"./p-BwtrZuf8.js";import{f as m}from"./p-D8Cooryu.js";import{c as b,t as g}from"./p-C0f63Npv.js";import{s as y}from"./p-B3gMdXEP.js";function v(t2,e2){const i2=t2<0?0:t2>1?1:t2;if(e2.reversed)return i2;const n2=Math.max(0,Math.min(1,e2.neckWidthRatio)),s2=1-Math.max(0,Math.min(1,e2.neckHeightRatio));return s2<=0?n2:i2<=s2?1-i2/s2*(1-n2):n2}function x(t2,e2){return!t2.visible||t2.yBottom-t2.yTop<=0?"":`M ${e2-t2.topHalf} ${t2.yTop} L ${e2+t2.topHalf} ${t2.yTop} L ${e2+t2.bottomHalf} ${t2.yBottom} L ${e2-t2.bottomHalf} ${t2.yBottom} Z`}function w(t2,e2,i2,n2){for(const s2 of i2){if(!s2.visible)continue;if(e2<s2.yTop||e2>s2.yBottom)continue;const i3=s2.topHalf+(e2-s2.yTop)/(s2.yBottom-s2.yTop||1)*(s2.bottomHalf-s2.topHalf);if(Math.abs(t2-n2)<=i3)return s2}return null}function M(t2,e2,i2){if("number"==typeof t2)return{id:e2+"",name:e2+"",value:Number.isFinite(t2)&&t2>=0?t2:0,color:i2,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true};const n2="string"==typeof t2.name&&t2.name.length>0,s2="bigint"==typeof t2.value?Number(t2.value):t2.value;return{id:null!=t2.id?t2.id+"":n2?t2.name:e2+"",name:n2?t2.name:e2+"",value:Number.isFinite(s2)&&s2>=0?s2:0,color:"string"==typeof t2.color?t2.color:i2,opacity:"number"==typeof t2.opacity?Math.max(0,Math.min(1,t2.opacity)):1,borderColor:"string"==typeof t2.borderColor?t2.borderColor:void 0,borderWidth:"number"==typeof t2.borderWidth?Math.max(0,t2.borderWidth):void 0,borderDash:Array.isArray(t2.borderDash)?t2.borderDash:void 0,labelColor:"string"==typeof t2.labelColor?t2.labelColor:void 0,visible:false!==t2.visible}}function C(t2){return Array.isArray(t2)&&0!==t2.length?t2.every((t3=>"number"==typeof t3))?t2.map((t3=>({value:t3}))):t2:[]}function S(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}const k={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function P(t2){return!!t2&&"object"==typeof t2&&!Array.isArray(t2)}function _(t2){if(true===t2)return{show:true};if(null==t2||false===t2||!P(t2))return{show:false};const e2=t2;return{show:true===e2.show,color:"string"==typeof e2.color?e2.color:void 0,width:Number.isFinite(e2.width)&&e2.width>0?e2.width:void 0,dash:Array.isArray(e2.dash)?e2.dash.slice():void 0}}function A(t2,e2){const i2=[t2.name];return e2.showValue&&i2.push(e2.formatValue(t2.value)),e2.showPercent&&i2.push((100*t2.percentage).toFixed(1)+"%"),i2.join(" · ")}function T(t2,e2){return Array.from(t2).reduce(((t3,i2)=>{const n2=i2.codePointAt(0)??0;return t3+e2*(n2>127?.95:.58)}),0)}function V(t2,e2){return 2*(t2.topHalf+(t2.bottomHalf-t2.topHalf)*Math.max(0,Math.min(1,(e2-t2.yTop)/Math.max(1,t2.yBottom-t2.yTop))))}function L(t2){const e2=(t2.borderDash??[]).filter((t3=>Number.isFinite(t3)&&t3>0));return{color:t2.borderColor??"#ffffff",width:Math.max(0,t2.borderWidth??1),dash:e2,explicit:void 0!==t2.borderColor||void 0!==t2.borderWidth||e2.length>0}}function D(t2,e2){if(t2.width<=0&&e2.width<=0)return null;if(t2.width<=0)return e2;if(e2.width<=0)return t2;const i2=t2.dash.length>0;return i2!==e2.dash.length>0?i2?t2:e2:t2.explicit!==e2.explicit?t2.explicit?t2:e2:t2.width!==e2.width&&t2.width>e2.width?t2:e2}function F(t2,e2,i2,n2,s2,o2,r2){return!r2||r2.width<=0?null:{key:t2,sectionIds:e2,x1:i2,y1:n2,x2:s2,y2:o2,color:r2.color,width:r2.width,dash:r2.dash.length>0?r2.dash:void 0}}function $(t2,e2){const i2=e2/2,n2=Math.max(t2.yTop,t2.midY-i2),s2=Math.min(t2.yBottom,t2.midY+i2);return Math.min(V(t2,t2.midY),V(t2,n2),V(t2,s2))}function I(t2,e2){const i2=t2.filter((t3=>t3.leader)).sort(((t3,e3)=>t3.y-e3.y));if(i2.length<2)return t2;const n2=Math.max(14,...i2.map((t3=>t3.fontSize+2))),s2=e2.y+n2/2,o2=e2.y+e2.height-n2/2,r2=i2.map((t3=>({key:t3.key,y:Math.min(o2,Math.max(s2,t3.y))})));for(let t3=1;t3<r2.length;t3++)r2[t3].y=Math.max(r2[t3].y,r2[t3-1].y+n2);const a2=r2[r2.length-1].y-o2;if(a2>0)for(const t3 of r2)t3.y-=a2;for(let t3=r2.length-2;t3>=0;t3--)r2[t3].y=Math.min(r2[t3].y,r2[t3+1].y-n2);for(const t3 of r2)t3.y=Math.min(o2,Math.max(s2,t3.y));const h2=new Map(r2.map((t3=>[t3.key,t3.y])));return t2.map((t3=>{const e3=h2.get(t3.key);return void 0!==e3&&t3.leader?{...t3,y:e3,leader:{...t3.leader,y2:e3}}:t3}))}const N="reveal",E="morph";function O(t2,e2){return e2?`${t2} ${e2}`:t2}function z(t2,e2){return"number"==typeof e2?new Set(["opacity","zIndex","fontWeight","lineHeight","flexGrow","flexShrink"]).has(t2)?e2+"":e2+"px":e2}const H=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=i(this,"rendered",7),this.sectionClick=i(this,"sectionClick",7),this.sectionHover=i(this,"sectionHover",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.tooltipShown=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.legendItemClick=i(this,"legendItemClick",7),this.sectionToggled=i(this,"sectionToggled",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}data=[];width=420;height=360;brandLogo;brandPosition="bottom-right";reversed=false;neckWidth=.3;neckHeight=.25;gap=2;color="#2563eb";colors;labelPlacement="inside";labelColor="#374151";insideLabelColor="#ffffff";labelFontSize=12;showValue=true;showPercent=false;valueFormat;leaderColor="#cbd5e1";chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;inactiveOtherSections=false;inactiveSectionOpacity=.3;activeSectionIndex;legend=false;legendPosition="bottom";legendItems;animated=false;animationDuration=700;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;sectionClick;sectionHover;pointContextMenu;tooltipShown;tooltipHide;tooltipAction;legendItemClick;sectionToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;funnelTooltip=null;funnelTooltips=[];srAnnouncement="";animationTick=0;focusedSectionId=null;hoverSectionId=null;animator=(function(){const t2=new Map;function e2(t3,e3){return t3.duration<=0?1:S((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,n2){const s2=t2.get(i2);if(s2)return s2.startedAt<0&&!s2.paused&&(s2.startedAt=n2),(function(t3,e3){const i3=S(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(s2,n2),s2.easing)},has:e3=>t2.has(e3),isActive(i2,n2){const s2=t2.get(i2);return!!s2&&(!!s2.paused||e2(s2,n2)<1)},tick(i2){const n2=[];for(const[s2,o2]of t2)o2.startedAt<0&&!o2.paused&&(o2.startedAt=i2),o2.paused||e2(o2,i2)>=1&&n2.push(s2);for(const e3 of n2)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;stopAnimationLoopImpl;morphPrev=new Map;morphActive=false;lastStreamEventAt;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new l({host:()=>this.host,input:()=>c(this,"plain-fallback"),active:()=>void 0!==this.boundStreamSource,onChange:()=>this.handleStreamLicenseChange()});internalStreamData;suppressNextDataAnimation=false;lastRenderResult={sections:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;hasLoaded=false;detached=false;connectedCallback(){if(this.detached=false,this.streamLicense.connect(),!this.hasLoaded)return;this.bindStreamSource();const t2=this.activeStreamSource();t2&&this.handleStreamEvent({type:"replace",count:t2.length})}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldInitialAnimation(null)&&this.startReveal()}componentDidRender(){this.detached||(this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})),this.measureFunnelTooltipBox())}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.stopAnimationLoop(),this.animator.clear(),this.tooltipDrag=void 0}handleDataChange(t2,e2){if(this.suppressNextDataAnimation)return this.suppressNextDataAnimation=false,void this.animationTick++;this.shouldInitialAnimation(e2)?this.startReveal():this.shouldUpdateAnimation(e2)?this.startMorph(e2):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++)}handleVisualPropsChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2){this.data=t2}async addSection(t2,e2){const i2=C(this.data).slice(),n2="number"==typeof e2?.insertAt&&e2.insertAt>=0&&e2.insertAt<=i2.length?Math.floor(e2.insertAt):i2.length;return i2.splice(n2,0,"number"==typeof t2?{value:t2}:t2),this.data=i2,n2}async removeSection(t2){const e2=C(this.data).slice(),i2=this.resolveSectionIndex(t2,e2);return!(i2<0||(e2.splice(i2,1),this.data=e2,0))}async updateSection(t2,e2){const i2=C(this.data).slice(),n2=this.resolveSectionIndex(t2,i2);return!(n2<0||(i2[n2]={...i2[n2],...e2},this.data=i2,0))}async appendPoint(t2){const e2="number"==typeof t2?{value:t2}:t2;await this.streamLicense.run("appendPoint",(()=>{const t3=this.activeStreamSource();t3?t3.push(e2):this.data=[...C(this.data),e2]}))}async appendBatch(t2){if(!Array.isArray(t2)||0===t2.length)return;const e2=t2.map((t3=>"number"==typeof t3?{value:t3}:t3));await this.streamLicense.run("appendBatch",(()=>{const t3=this.activeStreamSource();t3?t3.pushBatch(e2):(this.data=[...C(this.data),...e2],this.appended.emit({count:e2.length}))}))}async shift(t2=1){await this.streamLicense.run("shift",(()=>{const e2=this.activeStreamSource();e2?e2.shift(t2):this.windowSlid.emit({dropped:0})}))}async replace(t2){const e2=(Array.isArray(t2)?t2:[]).map((t3=>"number"==typeof t3?{value:t3}:t3));await this.streamLicense.run("replace",(()=>{const t3=this.activeStreamSource();t3?t3.replace(e2):this.data=e2}))}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.morphActive=false,this.stopAnimationLoop(),this.animationTick++)))}async pauseAnimation(){this.animator.pauseAll(this.now()),this.stopAnimationLoop()}async resumeAnimation(){this.animator.resumeAll(this.now()),this.animator.hasActive()&&this.startAnimationLoop()}async replayAnimation(){this.shouldAnimate()&&this.startReveal()}async hitTest(t2,e2){const i2=this.layoutForDraw(),n2=w(t2,e2,this.resolveSectionsForDraw(i2,1),i2.cx);return n2?this.buildPointerDetail(n2):null}async showTooltipAt(t2){const e2=this.layoutForDraw(),i2=this.resolveSectionsForDraw(e2,1),n2=this.findSection(t2,i2);if(!n2)return null;const s2=this.effectiveTooltipSpec();if(!s2.show)return null;const o2=this.buildPointerDetail(n2);return this.showTooltipForSection(n2,o2,s2,"multiple"===s2.openMode),o2}async hideTooltip(){this.clearTooltips()}now(){return"undefined"!=typeof performance?performance.now():0}prefersReducedMotion(){return"function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion: reduce)").matches}shouldAnimate(){return!this.detached&&this.animated&&!this.prefersReducedMotion()}shouldInitialAnimation(t2){return this.shouldAnimate()&&"initial"===this.resolveAnimationType(t2)}shouldUpdateAnimation(t2){return this.shouldAnimate()&&"update"===this.resolveAnimationType(t2)}resolveAnimationType(t2){return this.animationType?this.animationType:this.hasAnimationBaseline(t2)?"update":"initial"}hasAnimationBaseline(t2){return Array.isArray(t2)&&t2.length>0}palette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const t2=f.tableau10;return p(t2,Math.max(t2.stops.length,10)).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`))}profile(){return{reversed:this.reversed,neckWidthRatio:this.neckWidth,neckHeightRatio:this.neckHeight}}resolveSectionIndex(t2,e2){if("number"==typeof t2&&Number.isFinite(t2)){const i2=Math.floor(t2);return i2>=0&&i2<e2.length?i2:-1}for(let i2=0;i2<e2.length;i2++){const n2=e2[i2];if(void 0!==n2.id&&n2.id+""===t2)return i2;if(n2.name===t2)return i2}return-1}findSection(t2,e2){return e2.find("number"==typeof t2&&Number.isFinite(t2)?e3=>e3.index===Math.floor(t2):e3=>e3.id===t2||e3.name===t2)}effectiveActiveSectionId(t2){if("number"==typeof this.activeSectionIndex&&Number.isFinite(this.activeSectionIndex)&&this.activeSectionIndex>=0){const e2=Math.trunc(this.activeSectionIndex),i2=t2.find((t3=>t3.index===e2));return i2&&i2.visible?i2.id:null}return this.focusedSectionId??this.hoverSectionId}sectionClassName(t2,e2){const i2=["sy-funnel-chart__section"];return null!==e2&&(e2===t2?i2.push("sy-funnel-chart__section--active"):this.inactiveOtherSections&&i2.push("sy-funnel-chart__section--inactive")),i2.join(" ")}sectionOpacity(t2,e2,i2){const n2=Math.max(0,Math.min(1,e2));return this.inactiveOtherSections&&null!==i2&&t2!==i2?Math.min(n2,Math.max(0,Math.min(1,this.inactiveSectionOpacity))):n2}borderOpacity(t2,e2){return this.inactiveOtherSections&&null!==e2?t2.includes(e2)?1:Math.max(0,Math.min(1,this.inactiveSectionOpacity)):1}numberFormatter(t2){if(t2)try{return m(t2)}catch{}return t3=>Number.isInteger(t3)?t3+"":Math.round(100*t3)/100+""}layoutForDraw(){const t2=this.legend?this.buildLegendLayout():null;let e2=this.plotRectFromLegend(t2);if(t2&&("top"===this.legendPosition||"bottom"===this.legendPosition)){const t3=14;e2={...e2,y:e2.y+("top"===this.legendPosition?t3:0),height:Math.max(1,e2.height-t3)}}const i2="right"===this.labelPlacement||"left"===this.labelPlacement,n2=i2?this.estimatedOutsideLabelGutter(e2.width):0;return(function(t3){const e3=Math.max(0,t3.outerPadding),i3=Math.max(0,t3.labelGutter??0),n3=t3.plot.x+e3+("left"===(t3.labelGutterSide??"left")?i3:0),s2=t3.plot.y+e3,o2=Math.max(1,t3.plot.width-2*e3-i3);return{x:n3,y:s2,width:o2,height:Math.max(1,t3.plot.height-2*e3),cx:n3+o2/2}})({plot:e2,outerPadding:8,labelGutter:i2?Math.min(n2,Math.max(0,.6*e2.width)):0,labelGutterSide:"right"===this.labelPlacement?"right":"left"})}resolveSectionsForDraw(t2,e2){const i2=this.palette(),n2=C(this.data),s2=this.now(),o2=this.morphActive?this.animator.progressAt(E,s2)??1:1,r2=n2.map(((t3,e3)=>({index:e3,...M(t3,e3,i2[e3%Math.max(1,i2.length)]??this.color)})));let a2=r2;if(this.morphActive&&this.morphPrev.size>0){const t3=new Set(r2.map((t4=>t4.id)));a2=[...[...this.morphPrev.keys()].filter((e3=>!t3.has(e3))).map(((t4,e3)=>({index:-1-e3,id:t4,name:t4,value:0,color:this.color,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true}))),...r2].map((e3=>{const i3=this.morphPrev.get(e3.id),n3="number"==typeof i3?i3:0,s3=t3.has(e3.id)?e3.value:0;return{...e3,value:n3+(s3-n3)*o2}}))}const h2=e2<1?this.sectionRevealScales(a2,e2):void 0;return(function(t3){const{layout:e3,profile:i3}=t3,n3=Math.max(0,t3.gap??2),s3=t3.metas.filter((t4=>t4.visible&&t4.value>0)),o3=s3.reduce(((t4,e4)=>t4+e4.value),0),r3=[];if(o3<=0)return r3;const a3=Math.max(1,e3.height-n3*Math.max(0,s3.length-1)),h3=Math.max(0,Math.min(t3.minSectionHeight??0,a3/Math.max(1,s3.length))),l2=Math.max(0,a3-h3*s3.length),c2=t3.heightScale,u2=t3.heightScaleMode??"collapse";let d2=e3.y;for(const s4 of t3.metas){if(!s4.visible||s4.value<=0){r3.push({index:s4.index,id:s4.id,name:s4.name,value:s4.value,percentage:0,color:s4.color,visible:false,opacity:s4.opacity??1,borderColor:s4.borderColor,borderWidth:s4.borderWidth,borderDash:s4.borderDash,labelColor:s4.labelColor,yTop:d2,yBottom:d2,topHalf:0,bottomHalf:0,midX:e3.cx,midY:d2});continue}const t4=c2?Math.max(0,Math.min(1,c2(s4.id))):1,a4=h3+s4.value/o3*l2,p2=a4*t4,f2="bottom-up"===u2?d2+(a4-p2):d2,m2=d2+p2+("bottom-up"===u2?a4-p2:0),b2=(m2-e3.y)/e3.height,g2=v((f2-e3.y)/e3.height,i3)*e3.width/2,y2=v(b2,i3)*e3.width/2;r3.push({index:s4.index,id:s4.id,name:s4.name,value:s4.value,percentage:s4.value/o3,color:s4.color,opacity:s4.opacity??1,borderColor:s4.borderColor,borderWidth:s4.borderWidth,borderDash:s4.borderDash,labelColor:s4.labelColor,visible:true,yTop:f2,yBottom:m2,topHalf:g2,bottomHalf:y2,midX:e3.cx,midY:(f2+m2)/2}),d2=("bottom-up"===u2?d2+a4:m2)+n3}return r3})({metas:a2.map((t3=>({...t3,visible:t3.visible&&!this.legendDisabled.has(t3.id)}))),layout:t2,profile:this.profile(),gap:this.gap,heightScale:h2?t3=>h2.get(t3)??0:void 0,heightScaleMode:h2?"bottom-up":"collapse",minSectionHeight:"inside"===this.labelPlacement?Math.max(20,this.labelFontSize+10):0})}estimatedOutsideLabelGutter(t2){const e2=C(this.data).filter((t3=>false!==t3.visible)),i2=e2.reduce(((t3,e3)=>t3+Math.max(0,Number.isFinite(e3.value)?e3.value:0)),0),n2=this.numberFormatter(this.valueFormat),s2=e2.reduce(((t3,e3,s3)=>{const o2=[e3.name||s3+""];this.showValue&&o2.push(n2(Number.isFinite(e3.value)?e3.value:0)),this.showPercent&&o2.push((i2>0?Math.max(0,Number.isFinite(e3.value)?e3.value:0)/i2*100:0).toFixed(1)+"%");const r2=o2.join(" · "),a2=Array.from(r2).reduce(((t4,e4)=>{const i3=e4.codePointAt(0)??0;return t4+this.labelFontSize*(i3>127?.9:.52)}),0);return Math.max(t3,a2)}),0);return Math.min(Math.max(Math.max(168,16*this.labelFontSize),s2+18),Math.max(0,.6*t2))}sectionRevealScales(t2,e2){const i2=t2.filter((t3=>t3.visible&&t3.value>0)),n2=i2.length,s2=new Map;if(n2<=0)return s2;const o2=Math.max(0,Math.min(1,e2))*n2;return i2.forEach(((t3,e3)=>{s2.set(t3.id,Math.max(0,Math.min(1,o2-(n2-1-e3))))})),s2}startReveal(){this.morphActive=false,this.animator.clear();const t2=Math.max(0,this.animationDuration);t2<=0?this.animationTick++:(this.animator.start(N,{duration:t2,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.startAnimationLoop())}displayedValuesFor(t2){const e2=this.palette(),i2=C(t2).map(((t3,i3)=>{const n3=M(t3,i3,e2[i3%Math.max(1,e2.length)]??this.color);return{id:n3.id,value:n3.visible&&!this.legendDisabled.has(n3.id)?n3.value:0}})),n2=new Map;if(!this.morphActive||!this.animator.has(E)){for(const t3 of i2)n2.set(t3.id,t3.value);return n2}const s2=this.animator.progressAt(E,this.now())??1,o2=new Map(i2.map((t3=>[t3.id,t3.value]))),r2=new Set([...this.morphPrev.keys(),...o2.keys()]);for(const t3 of r2){const e3=this.morphPrev.get(t3)??0,i3=o2.get(t3)??0;n2.set(t3,e3+(i3-e3)*s2)}return n2}startMorph(t2,e2={}){this.morphPrev=this.displayedValuesFor(t2);const i2=true===e2.streaming,n2=this.morphDuration(i2),s2=i2?"linear":this.animationEasing;if(this.animator.cancel(N),n2<=0)return this.morphActive=false,void this.animationTick++;const o2=this.animator.hasActive();this.morphActive=true,this.animator.start(E,{duration:n2,easing:s2}),o2||this.chartAnimationStart.emit(),this.startAnimationLoop()}currentRevealScale(){return this.animator.has(N)?this.animator.progressAt(N,this.now())??1:1}morphDuration(t2){if(!t2)return Math.max(0,this.animationDuration);const e2=this.now(),i2=void 0!==this.lastStreamEventAt?e2-this.lastStreamEventAt:1/0;return this.lastStreamEventAt=e2,Number.isFinite(i2)?Math.max(1,Math.min(i2,this.animationDuration)):Math.max(0,this.animationDuration)}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,this.animator.tick(e3);const n2=this.animator.hasActive();n2||(this.morphActive=false),this.animationTick++,n2?this.animationFrameHandle=t2(i2):this.chartAnimationEnd.emit()};this.animationFrameHandle=t2(i2),this.stopAnimationLoopImpl=()=>{null!==this.animationFrameHandle&&(e2(this.animationFrameHandle),this.animationFrameHandle=null)}}stopAnimationLoop(){this.stopAnimationLoopImpl?.(),this.animationFrameHandle=null}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})(C(this.data)),this.internalStreamData=this.data),this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0,this.internalStreamCapacity=void 0,this.internalStreamData=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.data!==this.internalStreamData&&(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)))))}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamData(){void 0!==this.boundStreamSource&&this.boundStreamSource===this.internalStreamSource&&(this.internalStreamData=this.data)}handleStreamEvent(t2){if(!this.boundStreamSource)return;const e2=this.boundStreamSource.snapshot();if("push"===t2.type||"pushBatch"===t2.type?this.appended.emit({count:t2.count}):"shift"===t2.type&&this.windowSlid.emit({dropped:t2.count}),this.dataMatchesSnapshot(e2))return;const i2=this.data;this.suppressNextDataAnimation=true,this.data=e2,this.noteStreamData(),this.shouldInitialAnimation(i2)?this.startReveal():this.shouldUpdateAnimation(i2)?this.startMorph(i2,{streaming:true}):this.animationTick++}dataMatchesSnapshot(t2){const e2=C(this.data);return e2.length===t2.length&&e2.every(((e3,i2)=>this.sectionsEqual(e3,t2[i2])))}sectionsEqual(t2,e2){if(!e2)return false;if(t2.value!==e2.value)return false;if(t2.id!==e2.id)return false;if(t2.name!==e2.name)return false;if(t2.color!==e2.color)return false;if(t2.opacity!==e2.opacity)return false;if(t2.borderColor!==e2.borderColor)return false;if(t2.borderWidth!==e2.borderWidth)return false;if(t2.labelColor!==e2.labelColor)return false;if(t2.visible!==e2.visible)return false;const i2=t2.borderDash??[],n2=e2.borderDash??[];return i2.length===n2.length&&i2.every(((t3,e3)=>t3===n2[e3]))}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const t2=this.palette();return C(this.data).map(((e2,i2)=>{const n2=M(e2,i2,t2[i2%Math.max(1,t2.length)]??this.color);return{label:n2.name,swatchColor:n2.color,swatchShape:"square",disabled:this.legendDisabled.has(n2.id),id:n2.id,seriesIndex:i2}}))}legendShouldAvoidLabelOverlap(t2){if("left"!==this.legendPosition&&"right"!==this.legendPosition)return false;const e2="right"===this.legendPosition?"start":"end";return t2.some((t3=>void 0!==t3.leader&&t3.anchor===e2))}buildLegendLayout(t2={}){const e2=this.buildLegendItems();if(!e2.length)return null;const i2=this.titleGutter(),n2="left"===this.legendPosition||"right"===this.legendPosition,s2=true===t2.avoidLabelOverlap,o2=u({outerWidth:this.width,outerHeight:Math.max(1,this.height-i2),items:e2,position:this.legendPosition,direction:"top"===this.legendPosition||"bottom"===this.legendPosition?"horizontal":"vertical",align:n2&&s2?"start":"center",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:10,swatchLabelGap:6,rowGap:6,wrap:true});return i2<=0?o2:{...o2,legendRect:o2.legendRect?{...o2.legendRect,y:o2.legendRect.y+i2}:o2.legendRect,itemRects:o2.itemRects.map((t3=>({...t3,y:t3.y+i2,swatchRect:{...t3.swatchRect,y:t3.swatchRect.y+i2},labelRect:{...t3.labelRect,y:t3.labelRect.y+i2}}))),remainingOuter:{...o2.remainingOuter,y:o2.remainingOuter.y+i2}}}titleGutter(){let t2=0;return this.chartTitle&&(t2+=22),this.chartSubtitle&&(t2+=16),t2>0&&(t2+=8),t2}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)}}onLegendItemClick=(t2,e2,i2)=>{const n2=!this.legendDisabled.has(e2),s2=new Set(this.legendDisabled);n2?s2.add(e2):s2.delete(e2),this.legendDisabled=s2,this.legendItemClick.emit({index:t2,sectionId:e2,label:i2,disabled:n2}),this.sectionToggled.emit({index:t2,sectionId:e2,disabled:n2})};onLegendKeyDown=(t2,e2,i2,n2)=>{"Enter"!==t2.key&&" "!==t2.key||(t2.preventDefault(),this.onLegendItemClick(e2,i2,n2))};buildPointerDetail(t2){return{index:t2.index,id:t2.id,name:t2.name,value:t2.value,percentage:t2.percentage,cssX:t2.midX,cssY:t2.midY}}sectionAriaLabel(t2){return`${t2.name}: ${t2.value} (${Math.round(1e3*t2.percentage)/10}%)`}navigableSections(){const t2=this.layoutForDraw();return this.resolveSectionsForDraw(t2,this.currentRevealScale()).filter((t3=>t3.visible&&t3.yBottom-t3.yTop>0))}announceFocusedSection(t2){this.focusedSectionId=t2.id,this.srAnnouncement=this.sectionAriaLabel(t2),this.enableMouseTracking&&this.sectionHover.emit(this.buildPointerDetail(t2))}moveSectionFocus(t2){const e2=this.navigableSections();if(0===e2.length)return;let i2=e2.findIndex((t3=>t3.id===this.focusedSectionId));i2<0&&(i2=t2>0?-1:0),i2=(i2+t2+e2.length)%e2.length,this.announceFocusedSection(e2[i2])}pointerFocusing=false;onChartPointerDown=()=>{this.pointerFocusing=true,setTimeout((()=>{this.pointerFocusing=false}),0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(null!==this.focusedSectionId)return;const t2=this.navigableSections()[0];t2&&this.announceFocusedSection(t2)};onChartBlur=()=>{this.focusedSectionId=null};onChartKeyDown=t2=>{switch(t2.key){case"ArrowRight":case"ArrowDown":t2.preventDefault(),this.moveSectionFocus(1);break;case"ArrowLeft":case"ArrowUp":t2.preventDefault(),this.moveSectionFocus(-1);break;case"Home":{t2.preventDefault();const e2=this.navigableSections()[0];e2&&this.announceFocusedSection(e2);break}case"End":{t2.preventDefault();const e2=this.navigableSections(),i2=e2[e2.length-1];i2&&this.announceFocusedSection(i2);break}case"Enter":case" ":{if(null===this.focusedSectionId)return;t2.preventDefault();const e2=this.navigableSections().find((t3=>t3.id===this.focusedSectionId));e2&&this.sectionClick.emit(this.buildPointerDetail(e2));break}case"Escape":this.focusedSectionId=null,this.clearHover()}};tooltipHtml(t2){const e2=this.numberFormatter(this.valueFormat);return`<strong>${(function(t3){return(t3+"").replace(/[&<>"']/g,(t4=>"&"===t4?"&amp;":"<"===t4?"&lt;":">"===t4?"&gt;":'"'===t4?"&quot;":"&#39;"))})(t2.name)}</strong><br/>${e2(t2.value)} (${(100*t2.percentage).toFixed(1)}%)`}plainTooltipText(t2){return`${t2.name} · ${t2.value} (${(100*t2.percentage).toFixed(1)}%)`}effectiveTooltipSpec(){return void 0!==this.tooltip?(function(t2){if(null==t2||"auto"===t2||true===t2)return{...k};if("off"===t2||false===t2)return{...k,show:false};if(!P(t2))return{...k};const e2=t2,i2=P(e2.style)?Object.fromEntries(Object.entries(e2.style).filter((([,t3])=>"string"==typeof t3||"number"==typeof t3))):void 0,n2=t3=>"string"==typeof t3||Number.isFinite(t3)&&t3>=0?t3:void 0;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:n2(e2.width),minWidth:n2(e2.minWidth),maxWidth:n2(e2.maxWidth),padding:n2(e2.padding),interactive:true===e2.interactive,hideOnLeave:false!==e2.hideOnLeave,connector:_(e2.connector),draggable:true===e2.draggable}})(this.tooltip):(function(t2){return{...k,show:t2.show,html:"function"==typeof t2.format?e2=>t2.format(e2):void 0}})({show:this.tooltipShow,format:this.tooltipFormat})}hasVisibleTooltips(){return null!==this.funnelTooltip||this.funnelTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.funnelTooltip=null,this.funnelTooltips=[],this.tooltipHide.emit())}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForSection(t2,e2,i2,n2){const s2={...e2},o2=i2.side??"top",a2=i2.format?r(i2.format,[e2,s2],(()=>this.plainTooltipText(e2)),"tooltip.format",i2):this.plainTooltipText(e2),h2=i2.html?r(i2.html,[e2,s2],(()=>{}),"tooltip.html",i2):i2.format?void 0:this.tooltipHtml(e2),l2=this.lockedTooltipPositionForDetail(e2,i2),c2=l2?.side??o2,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,i2.offset):{cssX:e2.cssX,cssY:e2.cssY},d2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:e2.cssX,pointCssY:e2.cssY,box:l2?.box,side:c2,text:a2,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:s2};this.tooltipDrag=void 0,n2&&"multiple"===i2.openMode?(this.funnelTooltip=d2,this.funnelTooltips=[...this.funnelTooltips,d2]):(this.funnelTooltips=[],this.funnelTooltip=d2);const p2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:a2,html:h2,context:s2};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}positionedFunnelTooltip(t2=this.funnelTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const e2=t2.offset??10,i2=b({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}),n2=this.tooltipAnchorFromTopLeft(i2.x,i2.y,t2.box,i2.side,e2);return{...t2,cssX:n2.cssX,cssY:n2.cssY,side:i2.side}}tooltipAnchorFromTopLeft(t2,e2,i2,n2,s2){return"top"===n2?{cssX:t2+i2.width/2,cssY:e2+i2.height+s2}:"bottom"===n2?{cssX:t2+i2.width/2,cssY:e2-s2}:"left"===n2?{cssX:t2+i2.width+s2,cssY:e2+i2.height/2}:{cssX:t2-s2,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,n2){return i2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,i2,e2,n2):{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})}lockedTooltipPositionForDetail(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.positionedFunnelTooltip();if(!i2?.box||i2.context.index!==t2.index)return;const n2=this.tooltipTopLeftFromAnchor(i2);return n2?{lock:n2,side:i2.side,box:i2.box}:void 0}lockedTooltipFromElement(t2,e2){const i2=this.positionedFunnelTooltip(t2)??t2,n2=e2.getBoundingClientRect(),s2=Number.isFinite(n2.width)&&Number.isFinite(n2.height)?{width:Math.round(100*n2.width)/100,height:Math.round(100*n2.height)/100}:void 0,o2=this.tooltipTopLeftFromElement(e2)??this.tooltipTopLeftFromAnchor(i2)??{x:i2.cssX,y:i2.cssY},r2=t2.box??i2.box??s2,a2={...t2,cssX:i2.cssX,cssY:i2.cssY,side:i2.side,box:r2,positionLock:o2};return Object.assign(a2,this.tooltipAnchorFromPositionLock(o2,a2.side,r2,a2.offset??10)),a2}updateRenderedTooltip(t2){this.funnelTooltip?.id===t2.id&&(this.funnelTooltip=t2),this.funnelTooltips.some((e2=>e2.id===t2.id))&&(this.funnelTooltips=this.funnelTooltips.map((e2=>e2.id===t2.id?t2:e2))),this.rememberDraggableTooltipPosition(t2)}measureFunnelTooltipBox(){if(this.funnelTooltips.length>0)return;const t2=this.funnelTooltip,e2=this.tooltipElement;if(!t2||!e2)return;const i2=e2.getBoundingClientRect();if(!Number.isFinite(i2.width)||!Number.isFinite(i2.height))return;const n2=Math.round(100*i2.width)/100,s2=Math.round(100*i2.height)/100;if(t2.box?.width===n2&&t2.box?.height===s2)return;const o2={width:n2,height:s2},r2=t2.positionLock??(t2.interactive?this.tooltipTopLeftFromElement(e2):void 0),a2={...t2,box:o2,positionLock:r2};r2&&Object.assign(a2,this.tooltipAnchorFromPositionLock(r2,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(a2),this.funnelTooltip=a2}localPoint(t2){const e2=this.host.getBoundingClientRect();return{x:t2.clientX-e2.left,y:t2.clientY-e2.top}}onChartMove=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.resolveSectionsForDraw(e2,this.currentRevealScale()),n2=this.localPoint(t2),s2=w(n2.x,n2.y,i2,e2.cx);if(!s2)return void this.clearHover();this.hoverSectionId=s2.id;const o2=this.buildPointerDetail(s2);this.sectionHover.emit(o2);const r2=this.effectiveTooltipSpec();r2.show&&"click"!==r2.trigger&&this.showTooltipForSection(s2,o2,r2,false)};onChartLeave=()=>{this.clearHover()};onChartClick=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.resolveSectionsForDraw(e2,this.currentRevealScale()),n2=this.localPoint(t2),s2=w(n2.x,n2.y,i2,e2.cx);if(!s2)return this.hoverSectionId=null,void(this.hasVisibleTooltips()&&this.clearTooltips());this.hoverSectionId=s2.id;const o2=this.buildPointerDetail(s2);this.sectionClick.emit(o2);const r2=this.effectiveTooltipSpec();!r2.show||"click"!==r2.trigger&&"hover-click"!==r2.trigger||this.showTooltipForSection(s2,o2,r2,true)};onPointContextMenu=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.resolveSectionsForDraw(e2,this.currentRevealScale()),n2=this.localPoint(t2),s2=w(n2.x,n2.y,i2,e2.cx);s2&&(t2.preventDefault(),t2.stopPropagation(),this.pointContextMenu.emit(h(t2,this.host,this.reversed?"pyramid":"funnel",this.buildPointerDetail(s2),{index:0,id:this.reversed?"pyramid":"funnel",name:this.chartTitle??(this.reversed?"Pyramid":"Funnel")})))};clearHover(){const t2=null!==this.hoverSectionId;this.hoverSectionId=null,this.sectionHover.emit(null),this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec())&&this.clearTooltips(),t2&&this.animationTick++}handleTooltipActionClick=t2=>{const e2=t2.target,i2=e2?.closest?.("[data-tooltip-action]"),n2=i2?.dataset.tooltipAction,s2=i2?.closest?.("[data-tooltip-id]"),o2=Number(s2?.getAttribute("data-tooltip-id"));let r2=this.funnelTooltips.find((t3=>t3.id===o2))??this.funnelTooltip;n2&&r2&&(s2&&(r2.interactive||r2.draggable)&&(r2=this.lockedTooltipFromElement(r2,s2),this.updateRenderedTooltip(r2)),t2.stopPropagation(),this.tooltipAction.emit({...r2.context,action:n2,text:r2.text,html:r2.html}))};handleTooltipPointerDown=t2=>{if(!this.funnelTooltip?.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,n2=this.lockedTooltipFromElement(this.funnelTooltip,i2),s2=n2.positionLock??{x:n2.cssX,y:n2.cssY};this.funnelTooltip=n2,this.rememberDraggableTooltipPosition(n2),i2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:n2.cssX,originY:n2.cssY,originLockX:s2.x,originLockY:s2.y}};handleTooltipPointerMove=t2=>{const e2=this.tooltipDrag;if(!e2||e2.pointerId!==t2.pointerId||!this.funnelTooltip)return;t2.preventDefault(),t2.stopPropagation();const i2={x:e2.originLockX+t2.clientX-e2.startX,y:e2.originLockY+t2.clientY-e2.startY},n2={...this.funnelTooltip,positionLock:i2};Object.assign(n2,this.tooltipAnchorFromPositionLock(i2,n2.side,n2.box,n2.offset??10)),this.funnelTooltip=n2,this.rememberDraggableTooltipPosition(n2)};handleTooltipPointerUp=t2=>{const e2=this.tooltipDrag;e2&&e2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.funnelTooltip&&this.rememberDraggableTooltipPosition(this.funnelTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};accessibleSummary(t2){const e2=t2.filter((t3=>t3.visible)),i2=this.chartTitle?this.chartTitle+". ":"",n2=this.reversed?"Pyramid":"Funnel",s2=e2.map((t3=>t3.name)).join(", ");return`${i2}${n2} chart, ${e2.length} sections (${s2}).`}render(){const t2=this.now(),e2=(function(t3){if("pro"===t3.requested){const e3="no GPU funnel renderer exists";if("error"===a(t3.onUnavailable))throw Error('sy-funnel-chart: Pro engine is unavailable — no GPU funnel renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-funnel-chart: Pro renderer unavailable, falling back to Standard (${e3}).`),{tier:"standard",fallbackReason:e3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});e2.tier!==this.activeTier&&(this.activeTier=e2.tier),e2.fallbackReason!==this.fallbackReason&&(this.fallbackReason=e2.fallbackReason);const i2=this.layoutForDraw(),o2=this.resolveSectionsForDraw(i2,this.currentRevealScale()),r2=this.numberFormatter(this.valueFormat),h2=(function(t3){const{layout:e3,style:i3}=t3,{cx:n2}=e3;let s2=0;const o3=t3.sections.map((t4=>(t4.visible&&t4.yBottom-t4.yTop>0&&s2++,{key:t4.id,id:t4.id,name:t4.name,value:t4.value,percentage:t4.percentage,color:t4.color,opacity:t4.opacity,borderColor:t4.borderColor,borderWidth:t4.borderWidth,borderDash:t4.borderDash,visible:t4.visible,path:x(t4,n2),midX:t4.midX,midY:t4.midY}))),r3=(function(t4,e4){const i4=t4.filter((t5=>t5.visible&&t5.yBottom-t5.yTop>0)),n3=[];for(const t5 of i4){const i5=L(t5),s3=F(`bd:${t5.id}:left`,[t5.id],e4-t5.topHalf,t5.yTop,e4-t5.bottomHalf,t5.yBottom,i5),o4=F(`bd:${t5.id}:right`,[t5.id],e4+t5.topHalf,t5.yTop,e4+t5.bottomHalf,t5.yBottom,i5);s3&&n3.push(s3),o4&&n3.push(o4)}for(let t5=0;t5<i4.length;t5++){const s3=i4[t5],o4=L(s3),r4=i4[t5-1],a3=i4[t5+1],h3=r4?D(L(r4),o4):o4,l3=r4?(r4.yBottom+s3.yTop)/2:s3.yTop,c3=r4?Math.max(r4.bottomHalf,s3.topHalf):s3.topHalf,u2=F(`bd:${r4?r4.id+":":""}${s3.id}:top`,r4?[r4.id,s3.id]:[s3.id],e4-c3,l3,e4+c3,l3,h3);if(u2&&n3.push(u2),!a3){const t6=F(`bd:${s3.id}:bottom`,[s3.id],e4-s3.bottomHalf,s3.yBottom,e4+s3.bottomHalf,s3.yBottom,o4);t6&&n3.push(t6)}}return n3})(t3.sections,n2),a2=[];if("none"!==i3.labelPlacement){const s3=(t4,s4,o4,r4)=>{const h3="right"===o4,l3=(t4.topHalf+t4.bottomHalf)/2,c3=r4??(h3?e3.x+e3.width+4:e3.x-4);a2.push({key:"lbl:"+t4.id,x:c3,y:t4.midY,text:s4,anchor:h3?"start":"end",color:t4.labelColor??i3.labelColor,fontSize:i3.labelFontSize,leader:{x1:h3?n2+l3:n2-l3,y1:t4.midY,x2:c3,y2:t4.midY}})};for(const e4 of t3.sections){if(!e4.visible||e4.yBottom-e4.yTop<=0)continue;const t4=A(e4,i3);if("inside"===i3.labelPlacement){const o4=$(e4,i3.labelFontSize)-10,r4=T(t4,i3.labelFontSize);e4.yBottom-e4.yTop>=i3.labelFontSize+4&&r4<=o4?a2.push({key:"lbl:"+e4.id,x:n2,y:e4.midY,text:t4,anchor:"middle",color:e4.labelColor??i3.insideLabelColor,fontSize:i3.labelFontSize}):s3(e4,t4,"right",n2+Math.max(e4.topHalf,e4.bottomHalf)+8)}else s3(e4,t4,"left"===i3.labelPlacement?"left":"right")}}return{layout:e3,sectionVisuals:o3,borderVisuals:r3,labelVisuals:I(a2,e3),sectionCount:s2}})({layout:i2,sections:o2,style:{labelPlacement:this.labelPlacement,labelColor:this.labelColor,insideLabelColor:this.insideLabelColor,labelFontSize:this.labelFontSize,showValue:this.showValue,showPercent:this.showPercent,leaderColor:this.leaderColor,formatValue:r2}}),l2=this.effectiveActiveSectionId(o2);this.lastRenderResult={sections:h2.sectionCount,renderMs:this.now()-t2},this.pendingRenderedEmit=true;const c2=this.legend?this.buildLegendLayout({avoidLabelOverlap:this.legendShouldAvoidLabelOverlap(h2.labelVisuals)}):null;return n(s,{key:"9973c3565957fbda08ad51752520ec15d10a4753","data-sy-brand-host":"chart"},n("div",{key:"98d2658d28adf805af949ff1edbb2a2ebc8797e0",class:"sy-funnel-chart",style:{width:this.width+"px",height:this.height+"px",position:"relative"},onMouseLeave:()=>this.onChartLeave()},n("svg",{key:"3ce44645508e791923972ed2d4cad6c07a37ce7e",class:"sy-funnel-chart__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,role:"application","aria-roledescription":this.reversed?"Pyramid chart":"Funnel chart","aria-label":this.accessibleSummary(o2),tabindex:0,onKeyDown:t3=>this.onChartKeyDown(t3),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onMouseMove:t3=>this.onChartMove(t3),onContextMenu:t3=>this.onPointContextMenu(t3),onClick:t3=>this.onChartClick(t3)},this.chartTitle?n("text",{class:"sy-funnel-chart__title",x:this.width/2,y:16,"text-anchor":"middle",style:{fontSize:"14px",fontWeight:"600"}},this.chartTitle):null,this.chartSubtitle?n("text",{class:"sy-funnel-chart__subtitle",x:this.width/2,y:this.chartTitle?32:16,"text-anchor":"middle",style:{fontSize:"12px",fill:"#64748b"}},this.chartSubtitle):null,n("g",{key:"a938ff922eae8ba66918482e99110ddd6d927951",class:"sy-funnel-chart__sections"},h2.sectionVisuals.map((t3=>t3.visible&&t3.path?n("path",{key:t3.key,class:this.sectionClassName(t3.id,l2),d:t3.path,fill:t3.color,"fill-opacity":this.sectionOpacity(t3.id,t3.opacity,l2),stroke:"none","data-section-id":t3.id,"data-focused":this.focusedSectionId===t3.id?"true":null,role:"img","aria-label":`${t3.name}: ${t3.value} (${Math.round(1e3*t3.percentage)/10}%)`}):null))),n("g",{key:"62ed6a3a23d7f047e69d89018e6dc1f47f232c65",class:"sy-funnel-chart__borders"},h2.borderVisuals.map((t3=>n("line",{key:t3.key,class:"sy-funnel-chart__border",x1:t3.x1,y1:t3.y1,x2:t3.x2,y2:t3.y2,stroke:t3.color,"stroke-width":t3.width,"stroke-opacity":this.borderOpacity(t3.sectionIds,l2),"stroke-dasharray":t3.dash?.join(" "),"stroke-linecap":"butt","pointer-events":"none"})))),n("g",{key:"8d140656cd108605d8ed08ef4ff82ee9e56ae653",class:"sy-funnel-chart__labels"},h2.labelVisuals.map((t3=>[t3.leader?n("line",{key:t3.key+"-ld",class:"sy-funnel-chart__leader",x1:t3.leader.x1,y1:t3.leader.y1,x2:t3.leader.x2,y2:t3.leader.y2,stroke:this.leaderColor,"stroke-width":1}):null,n("text",{key:t3.key,class:"sy-funnel-chart__label",x:t3.x,y:t3.y,"text-anchor":t3.anchor,"dominant-baseline":"middle",style:{fontSize:t3.fontSize+"px",fill:t3.color}},t3.text)]))),n("text",{key:"30d9de6b9a1813af5a6cd69e6796d3e1f5fd8668",class:"sy-funnel-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement)),this.fallbackReason&&n("span",{key:"e020b270e48b030850d3ca640a22fde8536fb9e5",class:"sy-funnel-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),c2?.legendRect?n("div",{class:"sy-funnel-chart__legend",role:"list",style:{position:"absolute",left:c2.legendRect.x+"px",top:c2.legendRect.y+"px",width:c2.legendRect.width+"px",height:c2.legendRect.height+"px"}},this.buildLegendItems().map(((t3,e3)=>{const i3=c2.itemRects[e3];if(!i3)return null;const s2=i3?.swatchRect,o3=i3?.labelRect;return n("span",{class:{"sy-funnel-chart__legend-item":true,"sy-funnel-chart__legend-item--disabled":!!t3.disabled},role:"button",tabindex:0,"aria-pressed":t3.disabled?"false":"true","aria-label":`${t3.label}${t3.disabled?", hidden":", shown"}`,style:{position:"absolute",left:i3.x-c2.legendRect.x+"px",top:i3.y-c2.legendRect.y+"px",width:i3.width+"px",height:i3.height+"px",display:"block",whiteSpace:"nowrap"},onClick:()=>this.onLegendItemClick(e3,(t3.id??e3)+"",t3.label),onKeyDown:i4=>this.onLegendKeyDown(i4,e3,(t3.id??e3)+"",t3.label)},n("span",{class:"sy-funnel-chart__legend-swatch",style:{position:"absolute",left:s2.x-i3.x+"px",top:s2.y-i3.y+"px",background:t3.swatchColor}}),n("span",{class:"sy-funnel-chart__legend-label",style:{position:"absolute",left:o3.x-i3.x+"px",top:o3.y-i3.y+"px"}},t3.label))}))):null,this.renderFunnelTooltipConnector(),this.renderFunnelTooltip()),d(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(c2)}))}renderFunnelTooltip(){const t2=this.funnelTooltips.length>0,e2=t2?this.funnelTooltips:[this.positionedFunnelTooltip()].filter((t3=>!!t3));return 0===e2.length?null:e2.map((e3=>this.renderFunnelTooltipItem(e3,!t2)))}renderFunnelTooltipItem(t2,e2){const{cssX:i2,cssY:s2,side:o2,text:r2,html:a2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,d2=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||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:"none"};t2.positionLock?(p2.left=t2.positionLock.x+"px",p2.top=t2.positionLock.y+"px",p2.transform="none"):"top"===o2?(p2.left=i2+"px",p2.top=s2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===o2?(p2.left=i2+"px",p2.top=s2+d2+"px",p2.transform="translate(-50%, 0%)"):"left"===o2?(p2.left=i2-d2+"px",p2.top=s2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=i2+d2+"px",p2.top=s2+"px",p2.transform="translate(0%, -50%)");for(const[t3,e3]of Object.entries(l2??{}))p2[t3]=z(t3,e3);return void 0!==a2?n("div",{class:O("sy-funnel-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:a2}):n("div",{class:O("sy-funnel-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)}renderFunnelTooltipConnector(){const t2=(this.funnelTooltips.length>0?this.funnelTooltips:[this.positionedFunnelTooltip()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:n("svg",{class:"sy-funnel-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:this.width+"px",height:this.height+"px",pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},t2.map((t3=>{const e2=t3.connector,i2=g(t3);return n("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(" ")})})))}async getEngineStatus(){return y({requested:this.engine,onUnavailable:this.unavailable,renderer:"funnel"})}static get watchers(){return{data:[{handleDataChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationToggle:0}],animationDuration:[{handleAnimationToggle:0}],animationEasing:[{handleAnimationToggle:0}],animationType:[{handleAnimationToggle:0}],reversed:[{handleVisualPropsChange:0}],neckWidth:[{handleVisualPropsChange:0}],neckHeight:[{handleVisualPropsChange:0}],gap:[{handleVisualPropsChange:0}],color:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],labelPlacement:[{handleVisualPropsChange:0}],labelColor:[{handleVisualPropsChange:0}],insideLabelColor:[{handleVisualPropsChange:0}],labelFontSize:[{handleVisualPropsChange:0}],showValue:[{handleVisualPropsChange:0}],showPercent:[{handleVisualPropsChange:0}],valueFormat:[{handleVisualPropsChange:0}],leaderColor:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],legendItems:[{handleVisualPropsChange:0}],activeSectionIndex:[{handleVisualPropsChange:0}],inactiveOtherSections:[{handleVisualPropsChange:0}],inactiveSectionOpacity:[{handleVisualPropsChange:0}]}}static get style(){return".sc-sy-funnel-chart-h{display:inline-block;position:relative}.sy-funnel-chart.sc-sy-funnel-chart{position:relative;display:block}.sy-funnel-chart__root.sc-sy-funnel-chart{display:block;overflow:visible;user-select:none}.sy-funnel-chart__root.sc-sy-funnel-chart:focus,.sy-funnel-chart__root.sc-sy-funnel-chart:focus-visible{outline:none}.sy-funnel-chart__section.sc-sy-funnel-chart{cursor:pointer;transition:fill 160ms ease,fill-opacity 120ms ease,filter 120ms ease}.sy-funnel-chart__section.sc-sy-funnel-chart:hover{filter:brightness(1.06)}.sy-funnel-chart__section[data-focused=true].sc-sy-funnel-chart{filter:brightness(1.08)}.sy-funnel-chart__section--active.sc-sy-funnel-chart{filter:brightness(1.08)}.sy-funnel-chart__border.sc-sy-funnel-chart{transition:opacity 120ms ease}.sy-funnel-chart__leader.sc-sy-funnel-chart,.sy-funnel-chart__label.sc-sy-funnel-chart{pointer-events:none}.sy-funnel-chart__label.sc-sy-funnel-chart{font-weight:500;font-variant-numeric:tabular-nums}.sy-funnel-chart__title.sc-sy-funnel-chart{fill:var(--sy-axis-color, #1f2937);font-weight:600}.sy-funnel-chart__subtitle.sc-sy-funnel-chart{fill:var(--sy-axis-color, #4b5563)}.sy-funnel-chart__tooltip.sc-sy-funnel-chart{position:absolute;z-index:5;transform:translate(-50%, calc(-100% - 10px));pointer-events:auto;user-select:text;background:var(--sy-surface, #ffffff);border:1px solid var(--sy-color-border, rgba(0, 0, 0, 0.12));border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.35;color:var(--sy-axis-color, #1f2937);box-shadow:0 4px 14px rgba(15,23,42,.16);white-space:nowrap}.sy-funnel-chart__watermark.sc-sy-funnel-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-funnel-chart__sr-only.sc-sy-funnel-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-funnel-chart__legend.sc-sy-funnel-chart{font-size:12px;color:var(--sy-axis-color, #1f2937);line-height:1.2;overflow:visible}.sy-funnel-chart__legend-item.sc-sy-funnel-chart{box-sizing:border-box;cursor:pointer;user-select:none}.sy-funnel-chart__legend-item.sc-sy-funnel-chart:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:2px}.sy-funnel-chart__legend-item--disabled.sc-sy-funnel-chart{opacity:.4;text-decoration:line-through}.sy-funnel-chart__legend-swatch.sc-sy-funnel-chart{flex:0 0 auto;display:inline-block;width:10px;height:10px;border-radius:2px}.sy-funnel-chart__legend-label.sc-sy-funnel-chart{display:block}@media (prefers-reduced-motion: reduce){.sy-funnel-chart__section.sc-sy-funnel-chart{transition:none}}"}},[514,"sy-funnel-chart",{data:[1040],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],reversed:[4],neckWidth:[2,"neck-width"],neckHeight:[2,"neck-height"],gap:[2],color:[1],colors:[16],labelPlacement:[1,"label-placement"],labelColor:[1,"label-color"],insideLabelColor:[1,"inside-label-color"],labelFontSize:[2,"label-font-size"],showValue:[4,"show-value"],showPercent:[4,"show-percent"],valueFormat:[1,"value-format"],leaderColor:[1,"leader-color"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipShow:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],inactiveOtherSections:[4,"inactive-other-sections"],inactiveSectionOpacity:[2,"inactive-section-opacity"],activeSectionIndex:[1026,"active-section-index"],legend:[4],legendPosition:[1,"legend-position"],legendItems:[16],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],funnelTooltip:[32],funnelTooltips:[32],srAnnouncement:[32],animationTick:[32],focusedSectionId:[32],hoverSectionId:[32],redraw:[64],getActiveTier:[64],setData:[64],addSection:[64],removeSection:[64],updateSection:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAt:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{data:[{handleDataChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationToggle:0}],animationDuration:[{handleAnimationToggle:0}],animationEasing:[{handleAnimationToggle:0}],animationType:[{handleAnimationToggle:0}],reversed:[{handleVisualPropsChange:0}],neckWidth:[{handleVisualPropsChange:0}],neckHeight:[{handleVisualPropsChange:0}],gap:[{handleVisualPropsChange:0}],color:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],labelPlacement:[{handleVisualPropsChange:0}],labelColor:[{handleVisualPropsChange:0}],insideLabelColor:[{handleVisualPropsChange:0}],labelFontSize:[{handleVisualPropsChange:0}],showValue:[{handleVisualPropsChange:0}],showPercent:[{handleVisualPropsChange:0}],valueFormat:[{handleVisualPropsChange:0}],leaderColor:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],legendItems:[{handleVisualPropsChange:0}],activeSectionIndex:[{handleVisualPropsChange:0}],inactiveOtherSections:[{handleVisualPropsChange:0}],inactiveSectionOpacity:[{handleVisualPropsChange:0}]}]);function R(){"undefined"!=typeof customElements&&["sy-funnel-chart"].forEach((t2=>{"sy-funnel-chart"===t2&&(customElements.get(o(t2))||customElements.define(o(t2),H))}))}R();const W=H,X=R;export{W as SyFunnelChart,X as defineCustomElement};

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

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

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

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,d as n,t as a}from"./p-BPmwlQtL.js";import{s as o}from"./p-DO6vGxJP.js";import{n as r,b as h}from"./p-COVKN1k-.js";import{C as l,c}from"./p-C3jLZ9n2.js";import{c as u}from"./p-BwM4aW0R.js";import{r as d}from"./p-BXmzh2Uk.js";import{d as g,c as p}from"./p-BwtrZuf8.js";import{m}from"./p-D5aEHK78.js";import{c as f,t as y}from"./p-C0f63Npv.js";import{s as v}from"./p-B3gMdXEP.js";import{p as b}from"./p-EXuVQfpl.js";import{f as k}from"./p-D8Cooryu.js";const C=2*Math.PI;function x(t2){return Number.isFinite(t2)?t2*Math.PI/180:0}function M(t2,e2,i2,s2){return{x:t2+i2*Math.sin(s2),y:e2-i2*Math.cos(s2)}}function w(t2,e2,i2,s2,n2,a2=true){const o2=i2-e2;if(!Number.isFinite(o2)||0===o2)return s2;let r2=(t2-e2)/o2;return a2&&(r2=r2<0?0:r2>1?1:r2),s2+(n2-s2)*r2}function P(t2,e2,i2,s2,n2){const a2=n2-s2;if(i2<=0||a2<=1e-7)return"";if(a2>=C-1e-9){const n3=M(t2,e2,i2,s2),a3=M(t2,e2,i2,s2+Math.PI);return`M ${n3.x} ${n3.y} A ${i2} ${i2} 0 0 1 ${a3.x} ${a3.y} A ${i2} ${i2} 0 0 1 ${n3.x} ${n3.y}`}const o2=M(t2,e2,i2,s2),r2=M(t2,e2,i2,n2);return`M ${o2.x} ${o2.y} A ${i2} ${i2} 0 ${a2>Math.PI?1:0} 1 ${r2.x} ${r2.y}`}function $(t2,e2,i2,s2,n2,a2){const o2=a2-n2;if(i2<=0||o2<=1e-7)return"";const r2=o2>Math.PI?1:0,h2=M(t2,e2,i2,n2),l2=M(t2,e2,i2,a2),c2=Math.max(0,s2);if(c2<=0)return`M ${t2} ${e2} L ${h2.x} ${h2.y} A ${i2} ${i2} 0 ${r2} 1 ${l2.x} ${l2.y} Z`;const u2=M(t2,e2,c2,n2),d2=M(t2,e2,c2,a2);return`M ${h2.x} ${h2.y} A ${i2} ${i2} 0 ${r2} 1 ${l2.x} ${l2.y} L ${d2.x} ${d2.y} A ${c2} ${c2} 0 ${r2} 0 ${u2.x} ${u2.y} Z`}function V(t2,e2,i2,s2,n2,a2,o2,r2,h2){const l2=a2-n2,c2=Math.max(0,s2),u2=i2-c2;if(i2<=0||l2<=1e-7||c2<=0||u2<=0)return $(t2,e2,i2,s2,n2,a2);const d2=Math.max(0,Math.min(h2,u2/2-.25,l2*c2/2-.001));if(d2<.5||!o2&&!r2)return $(t2,e2,i2,s2,n2,a2);const g2=d2/i2,p2=d2/c2,m2=n2+(o2?g2:0),f2=a2-(r2?g2:0),y2=n2+(o2?p2:0),v2=a2-(r2?p2:0),b2=(i3,s3)=>M(t2,e2,i3,s3),k2=f2-m2>Math.PI?1:0,C2=v2-y2>Math.PI?1:0,x2=b2(i2,m2),w2=b2(i2,f2);let P2=`M ${x2.x} ${x2.y} A ${i2} ${i2} 0 ${k2} 1 ${w2.x} ${w2.y}`;if(r2){const t3=b2(i2,a2),e3=b2(i2-d2,a2),s3=b2(c2+d2,a2),n3=b2(c2,a2),o3=b2(c2,v2);P2+=` Q ${t3.x} ${t3.y} ${e3.x} ${e3.y} L ${s3.x} ${s3.y} Q ${n3.x} ${n3.y} ${o3.x} ${o3.y}`}else{const t3=b2(c2,a2);P2+=` L ${t3.x} ${t3.y}`}const V2=b2(c2,y2);if(P2+=` A ${c2} ${c2} 0 ${C2} 0 ${V2.x} ${V2.y}`,o2){const t3=b2(c2,n2),e3=b2(c2+d2,n2),s3=b2(i2-d2,n2),a3=b2(i2,n2);P2+=` Q ${t3.x} ${t3.y} ${e3.x} ${e3.y} L ${s3.x} ${s3.y} Q ${a3.x} ${a3.y} ${x2.x} ${x2.y}`}else{const t3=b2(i2,n2);P2+=` L ${t3.x} ${t3.y}`}return P2+" Z"}function A(t2,e2,i2,s2,n2,a2,o2){const r2=Math.sin(i2),h2=-Math.cos(i2),l2=Math.cos(i2),c2=Math.sin(i2),u2=Math.max(.5,a2)/2,d2={x:t2+s2*r2,y:e2+s2*h2},g2={x:t2-n2*r2,y:e2-n2*h2},p2={x:t2+u2*l2,y:e2+u2*c2},m2={x:t2-u2*l2,y:e2-u2*c2},f2=t3=>`${t3.x} ${t3.y}`;if("wedge"===o2)return`M ${f2(d2)} L ${f2(p2)} L ${f2(m2)} Z`;if("line"===o2){const t3={x:d2.x+u2*l2,y:d2.y+u2*c2},e3={x:d2.x-u2*l2,y:d2.y-u2*c2},i3={x:g2.x-u2*l2,y:g2.y-u2*c2};return`M ${f2({x:g2.x+u2*l2,y:g2.y+u2*c2})} L ${f2(t3)} L ${f2(e3)} L ${f2(i3)} Z`}if("arrow"===o2){const i3=.78,n3=Math.max(.5,.45*u2),a3=1.4*u2,o3={x:t2+s2*i3*r2,y:e2+s2*i3*h2},p3={x:g2.x-n3*l2,y:g2.y-n3*c2},m3={x:o3.x+n3*l2,y:o3.y+n3*c2},y2={x:o3.x-n3*l2,y:o3.y-n3*c2},v2={x:o3.x+a3*l2,y:o3.y+a3*c2},b2={x:o3.x-a3*l2,y:o3.y-a3*c2};return`M ${f2({x:g2.x+n3*l2,y:g2.y+n3*c2})} L ${f2(m3)} L ${f2(v2)} L ${f2(d2)} L ${f2(b2)} L ${f2(y2)} L ${f2(p3)} Z`}return`M ${f2(d2)} L ${f2(p2)} L ${f2(g2)} L ${f2(m2)} Z`}function T(t2,e2,i2,s2,n2){const a2=M(t2,e2,s2,i2),o2=M(t2,e2,n2,i2);return{x1:a2.x,y1:a2.y,x2:o2.x,y2:o2.y}}function S(t2,e2,i2,s2){const n2=M(t2,e2,s2,i2),a2=Math.sin(i2);let o2;return o2=a2>.2?"end":a2<-.2?"start":"middle",{x:n2.x,y:n2.y,anchor:o2}}function L(t2,e2){if("number"==typeof t2)return Number.isFinite(t2)?t2:void 0;if("string"==typeof t2){const i2=t2.trim();if(i2.endsWith("%")){const t3=Number(i2.slice(0,-1));return Number.isFinite(t3)?t3/100*e2:void 0}const s2=Number(i2);return Number.isFinite(s2)?s2:void 0}}function _(t2,e2,i2,s2,n2){const a2=s2,o2=n2,r2=[t2],h2=[e2],l2=s3=>{r2.push(t2+i2*Math.sin(s3)),h2.push(e2-i2*Math.cos(s3))};l2(a2),l2(o2);const c2=a2-(a2%C+C)%C;for(const t3 of[0,Math.PI/2,Math.PI,3*Math.PI/2,C]){const e3=t3+c2;e3>=a2&&e3<=o2&&l2(e3);const i3=e3+C;i3>=a2&&i3<=o2&&l2(i3)}let u2=1/0,d2=-1/0,g2=1/0,p2=-1/0;for(let t3=0;t3<r2.length;t3++)r2[t3]<u2&&(u2=r2[t3]),r2[t3]>d2&&(d2=r2[t3]),h2[t3]<g2&&(g2=h2[t3]),h2[t3]>p2&&(p2=h2[t3]);return{minX:u2,maxX:d2,minY:g2,maxY:p2}}function N(t2,e2,i2,s2=0){const n2=t2-i2.cx,a2=e2-i2.cy;if(Math.sqrt(n2*n2+a2*a2)>i2.outerRadius+s2)return false;const o2=Math.atan2(n2,-a2),r2=i2.startAngle,h2=i2.endAngle;for(const t3 of[o2,o2+C,o2-C])if(t3>=r2-1e-6&&t3<=h2+1e-6)return true;return false}const R={normal:"#16a34a",info:"#2563eb",warning:"#f59e0b",danger:"#dc2626",critical:"#991b1b",neutral:"#cbd5e1"};function D(t2,e2=R.neutral){if(!t2)return e2;const i2=t2.toLowerCase();return Object.prototype.hasOwnProperty.call(R,i2)?R[i2]:t2}function F(t2){return{hour:t2.hours%12+t2.minutes/60+t2.seconds/3600,minute:.2*(t2.minutes+t2.seconds/60),second:.2*t2.seconds}}function I(t2,e2){const i2=t3=>(t3+"").padStart(2,"0");return e2?`${i2(t2.hours)}:${i2(t2.minutes)}:${i2(t2.seconds)}`:`${i2(t2.hours)}:${i2(t2.minutes)}`}function j(t2,e2){const i2=e2-t2;return!Number.isFinite(i2)||i2<=0?[]:[{from:t2,to:t2+.6*i2,color:"normal"},{from:t2+.6*i2,to:t2+.85*i2,color:"warning"},{from:t2+.85*i2,to:e2,color:"danger"}]}function z(t2,e2,i2,s2){const n2="number"==typeof t2?{value:t2}:t2,a2="bigint"==typeof n2.value?Number(n2.value):n2.value,o2="bigint"==typeof n2.max?Number(n2.max):n2.max,r2="number"==typeof o2&&Number.isFinite(o2)&&o2>0?o2:Number.isFinite(s2)&&s2>0?s2:100;return{id:null!=n2.id?n2.id+"":"string"==typeof n2.name&&n2.name.length>0?n2.name:e2+"",name:"string"==typeof n2.name&&n2.name.length>0?n2.name:e2+"",value:Number.isFinite(a2)?Math.max(0,Math.min(a2,r2)):0,max:r2,color:"string"==typeof n2.color?n2.color:i2,trackColor:"string"==typeof n2.trackColor?n2.trackColor:void 0,visible:false!==n2.visible}}function Y(t2,e2,i2){if("number"==typeof t2)return{id:e2+"",name:e2+"",value:Number.isFinite(t2)?t2:0,color:i2,shape:"needle",length:void 0,rearLength:void 0,width:void 0,visible:true};const s2="bigint"==typeof t2.value?Number(t2.value):t2.value;return{id:null!=t2.id?t2.id+"":"string"==typeof t2.name&&t2.name.length>0?t2.name:e2+"",name:"string"==typeof t2.name&&t2.name.length>0?t2.name:e2+"",value:Number.isFinite(s2)?s2:0,color:"string"==typeof t2.color?t2.color:i2,shape:t2.shape??"needle",length:t2.length,rearLength:t2.rearLength,width:t2.width,visible:false!==t2.visible}}const E={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function X(t2){return!!t2&&"object"==typeof t2&&!Array.isArray(t2)}function W(t2,e2,i2,s2){const n2=B(t2);switch(e2){case"linear":default:return n2;case"ease-out":return 1-(1-n2)*(1-n2)*(1-n2);case"ease-in":return n2*n2*n2;case"ease-in-out":return n2<.5?4*n2*n2*n2:1-Math.pow(-2*n2+2,3)/2;case"analog":return(function(t3,e3=5,i3=18){if(t3<=0)return 0;if(t3>=1)return 1;const s3=Number.isFinite(e3)&&e3>0?e3:5,n3=Number.isFinite(i3)&&i3>0?i3:18;return 1-Math.exp(-s3*t3)*Math.cos(n3*t3)})(n2,i2,s2)}}function B(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function O(t2,e2,i2){const s2=Math.max(1,Math.floor(i2)),n2=Math.max(2,t2-Math.max(0,e2)),a2=s2>1?Math.min(10,.06*n2):0,o2=Math.max(2,(n2-a2*(s2-1))/s2),r2=[];for(let e3=0;e3<s2;e3++){const i3=t2-e3*(o2+a2),s3=i3-o2;r2.push({rOuter:i3,rInner:s3,centerR:(i3+s3)/2,thickness:o2})}return r2}function q(t2,e2){return e2?`${t2} ${e2}`:t2}function H(t2,e2){return"number"!=typeof e2?e2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?e2+"":e2+"px"}const G="primary",U=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=i(this,"rendered",7),this.gaugeClick=i(this,"gaugeClick",7),this.gaugeHover=i(this,"gaugeHover",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.valueChange=i(this,"valueChange",7),this.legendItemClick=i(this,"legendItemClick",7),this.needleToggled=i(this,"needleToggled",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}value=0;min=0;max=100;needles;width=320;height=280;brandLogo;brandPosition="bottom-right";variant="dial";startAngle=-150;endAngle=150;size;centerX;centerY;innerRadius;thickness;rings;time;showSeconds=true;color="#2563eb";colors;stops;needleShape="needle";needleLength="88%";needleRearLength="14%";needleWidth=8;pivotRadius=7;pivotColor="#1f2937";plotBands;bandThickness=14;bandTrackColor="#eef2f7";rounded=true;trackColor="#e5e7eb";showTicks=true;tickInterval="auto";minorTicks=4;tickLength=9;minorTickLength=6;tickWidth=2;minorTickWidth=1;tickColor="#94a3b8";showTickLabels=true;tickLabelDistance=7;tickLabelColor="#64748b";tickLabelFontSize=11;tickLabelFormat;showValue=true;valueDisplay="value";valueFormat;valueColor="#0f172a";valueFontSize=26;unit;centerText;centerSubtext;chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;enableMouseTracking=true;tooltip;legend=false;legendPosition="bottom";legendItems;animated=false;animationDuration=900;animationEasing="analog";animationType;analogDamping=5;analogFrequency=18;analogOvershootAngle=14;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;gaugeClick;gaugeHover;pointContextMenu;valueChange;legendItemClick;needleToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShown;tooltipHide;tooltipAction;activeTier="standard";fallbackReason;legendDisabled=new Set;gaugeTooltip=null;gaugeTooltips=[];srAnnouncement="";animationTick=0;focusedNeedleIndex=-1;animator=(function(){const t2=new Map,e2=new Map;function i2(t3,e3){return t3.duration<=0?1:B((function(t4,e4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,e4-t4.startedAt+t4.pausedElapsed)})(t3,e3)/t3.duration)}function s2(t3,e3){const s3=W(i2(t3,e3),t3.easing,t3.analogDamping,t3.analogFrequency);return t3.from+(t3.to-t3.from)*s3}return{start(e3,i3){t2.set(e3,{from:i3.from,to:i3.to,startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,i3.duration),easing:i3.easing,analogDamping:i3.analogDamping??5,analogFrequency:i3.analogFrequency??18})},retarget(i3,n2,a2,o2){const r2=t2.get(i3),h2=r2?s2(r2,a2):e2.has(i3)?e2.get(i3):n2;t2.set(i3,{from:h2,to:n2,startedAt:a2,pausedElapsed:0,paused:false,duration:Math.max(0,o2.duration),easing:o2.easing,analogDamping:o2.analogDamping??5,analogFrequency:o2.analogFrequency??18})},valueAt(e3,i3){const n2=t2.get(e3);if(n2)return n2.startedAt<0&&!n2.paused&&(n2.startedAt=i3),s2(n2,i3)},valueAtWithEasing(e3,s3,n2){const a2=t2.get(e3);if(!a2)return;a2.startedAt<0&&!a2.paused&&(a2.startedAt=s3);const o2=W(i2(a2,s3),n2,a2.analogDamping,a2.analogFrequency);return a2.from+(a2.to-a2.from)*o2},valueAtClamped(e3,s3,n2){const a2=t2.get(e3);if(!a2)return;a2.startedAt<0&&!a2.paused&&(a2.startedAt=s3);const o2=W(i2(a2,s3),n2,a2.analogDamping,a2.analogFrequency),r2=a2.from+(a2.to-a2.from)*o2,h2=Math.min(a2.from,a2.to),l2=Math.max(a2.from,a2.to);return r2<h2?h2:r2>l2?l2:r2},has:e3=>t2.has(e3),isActive(e3,s3){const n2=t2.get(e3);return!!n2&&(!!n2.paused||i2(n2,s3)<1)},tick(s3){const n2=[];for(const[e3,a2]of t2)a2.startedAt<0&&!a2.paused&&(a2.startedAt=s3),a2.paused||i2(a2,s3)>=1&&n2.push(e3);for(const i3 of n2)e2.set(i3,t2.get(i3).to),t2.delete(i3)},pauseAll(e3){for(const i3 of t2.values())i3.paused||(i3.startedAt>=0&&(i3.pausedElapsed+=e3-i3.startedAt),i3.paused=true)},resumeAll(e3){for(const i3 of t2.values())i3.paused&&(i3.startedAt=e3,i3.paused=false)},hasActive(){for(const e3 of t2.values())if(!e3.paused)return true;return false},cancel(i3){t2.delete(i3),e2.delete(i3)},clear(){t2.clear(),e2.clear()},entries:()=>t2}})();animationFrameHandle=null;stopAnimationLoopImpl;animationLoopRunning=false;targetByKey=new Map;lastStreamEventAt;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new l({host:()=>this.host,input:()=>c(this,"plain-fallback"),active:()=>void 0!==this.boundStreamSource,onChange:()=>this.handleStreamLicenseChange()});internalStreamValue;suppressNextValueAnimation=false;lastRenderResult={needles:0,renderMs:0};pendingRenderedEmit=false;tooltipElement;tooltipDrag;nextTooltipId=1;draggableTooltipPositions=new Map;clockIntervalHandle=null;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&(this.bindStreamSource(),this.syncClockTicker())}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.syncClockTicker(),this.shouldInitialAnimation(null)?this.startInitialReveal():this.targetByKey=this.computeTargets()}componentDidRender(){this.detached||(this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})),this.measureGaugeTooltipBox())}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.stopAnimationLoop(),this.animator.clear(),this.tooltipDrag=void 0,null!==this.clockIntervalHandle&&(clearInterval(this.clockIntervalHandle),this.clockIntervalHandle=null)}handleValueChange(t2,e2){if(this.suppressNextValueAnimation)return this.suppressNextValueAnimation=false,void this.animationTick++;this.emitValueChange(),this.shouldInitialAnimation(e2)?this.startInitialReveal():this.shouldUpdateAnimation(e2)?this.retargetTweens("value"):this.animationTick++}handleNeedlesChange(t2,e2){this.shouldInitialAnimation(e2)?this.startInitialReveal():this.shouldUpdateAnimation(e2)?this.retargetTweens("value"):this.animationTick++}handleClockPropsChange(){this.syncClockTicker(),this.animationTick++}handleRingsChange(t2,e2){this.shouldInitialAnimation(e2)?this.startInitialReveal():this.shouldUpdateAnimation(e2)?this.retargetTweens("value"):this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){this.shouldInitialAnimation(null)?this.startInitialReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.targetByKey=this.computeTargets(),this.stopAnimationLoop(),this.animationLoopRunning=false,this.animationTick++)}handleVisualPropsChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async getValue(){return this.value}async setValue(t2){Number.isFinite(t2)&&(this.value=t2)}async addNeedle(t2,e2){const i2=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs(),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.needles=i2,s2}async removeNeedle(t2){const e2=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs(),i2=this.resolveNeedleIndex(t2,e2);return!(i2<0||(e2.splice(i2,1),this.needles=e2,0))}async setRings(t2){this.rings=Array.isArray(t2)?[...t2]:[]}async setRingValue(t2,e2){if(!Number.isFinite(e2))return false;const i2=this.activityRingSpecs().map((t3=>"number"==typeof t3?{value:t3}:{...t3}));let s2=-1;if("number"==typeof t2&&Number.isFinite(t2)){const e3=Math.floor(t2);e3>=0&&e3<i2.length&&(s2=e3)}else for(let e3=0;e3<i2.length;e3++){const n2=i2[e3];if(void 0!==n2.id&&n2.id+""===t2||n2.name===t2){s2=e3;break}}return!(s2<0||(i2[s2]={...i2[s2],value:e2},this.rings=i2,0))}async updateNeedle(t2,e2){const i2=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs(),s2=this.resolveNeedleIndex(t2,i2);if(s2<0)return false;const n2=i2[s2];return i2[s2]="number"==typeof n2?{value:n2,...e2}:{...n2,...e2},this.needles=i2,true}async appendPoint(t2){await this.streamLicense.run("appendPoint",(()=>{const e2=this.activeStreamSource();e2?e2.push(t2):this.value=t2}))}async appendBatch(t2){Array.isArray(t2)&&0!==t2.length&&await this.streamLicense.run("appendBatch",(()=>{const e2=this.activeStreamSource();e2?e2.pushBatch(t2):(this.value=t2[t2.length-1],this.appended.emit({count:t2.length}))}))}async shift(t2=1){await this.streamLicense.run("shift",(()=>{const e2=this.activeStreamSource();e2?e2.shift(t2):this.windowSlid.emit({dropped:0})}))}async replace(t2){await this.streamLicense.run("replace",(()=>{const e2=this.activeStreamSource();e2?e2.replace(t2):Array.isArray(t2)&&t2.length>0&&(this.value=t2[t2.length-1])}))}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.stopAnimationLoop(),this.animationLoopRunning=false,this.animationTick++)))}async pauseAnimation(){this.animator.pauseAll(this.now()),this.stopAnimationLoop()}async resumeAnimation(){this.animator.resumeAll(this.now()),this.animator.hasActive()&&this.startAnimationLoop()}async replayAnimation(){this.shouldAnimate()&&this.startInitialReveal()}async hitTest(t2,e2){const i2=this.layoutForDraw();return N(t2,e2,i2,6)?this.pointerDetailAt(t2,e2,i2):null}async showTooltip(){const t2=this.layoutForDraw(),e2=this.resolvedNeedles(t2)[0],i2=e2?e2.value:this.clampValue(this.value);return this.showTooltipForValue(i2,t2)}async showTooltipAtValue(t2){return Number.isFinite(t2)?this.showTooltipForValue(t2,this.layoutForDraw()):null}async hideTooltip(){this.clearTooltips()}showTooltipForValue(t2,e2){const i2=this.effectiveTooltipSpec();if(!i2.show)return null;const s2=this.valueAnchorPoint(t2,e2),n2="activity"===this.variant?this.pointerDetailAt(s2.x,s2.y,e2):this.buildPointerDetail(0,t2,s2.x,s2.y),a2=this.anchorForDetail(n2,e2);return this.showTooltipForDetail(n2,a2,i2,"multiple"===i2.openMode),n2}isSolidLike(){return"solid"===this.variant||"activity"===this.variant}isDialLike(){return"dial"===this.variant||"vuMeter"===this.variant||"speedometer"===this.variant||"clock"===this.variant}syncClockTicker(){if(this.detached)return;const t2="clock"===this.variant&&(void 0===this.time||"now"===this.time);t2&&null===this.clockIntervalHandle?this.clockIntervalHandle=setInterval((()=>{this.animationTick++}),1e3):t2||null===this.clockIntervalHandle||(clearInterval(this.clockIntervalHandle),this.clockIntervalHandle=null)}clockTime(){return(function(t2,e2=()=>new Date){if("string"==typeof t2&&"now"!==t2){const e3=/^\s*(\d{1,2}):(\d{2})(?::(\d{2}))?\s*$/.exec(t2);if(e3){const t3=Number(e3[1]),i3=Number(e3[2]),s2=void 0!==e3[3]?Number(e3[3]):0;if(t3>=0&&t3<24&&i3>=0&&i3<60&&s2>=0&&s2<60)return{hours:t3,minutes:i3,seconds:s2}}}const i2=e2();return{hours:i2.getHours(),minutes:i2.getMinutes(),seconds:i2.getSeconds()}})(this.time)}resolvedClockNeedles(t2){const e2=F(this.clockTime()),i2=e3=>t2.startAngle+e3/12*t2.totalAngle,s2=[{index:0,id:"hour",name:"Hour",value:e2.hour,rawValue:e2.hour,angle:i2(e2.hour),color:this.pivotColor,shape:"needle",length:.52*t2.outerRadius,rearLength:.1*t2.outerRadius,width:Math.max(6,this.needleWidth),visible:true},{index:1,id:"minute",name:"Minute",value:e2.minute,rawValue:e2.minute,angle:i2(e2.minute),color:this.pivotColor,shape:"needle",length:.78*t2.outerRadius,rearLength:.12*t2.outerRadius,width:Math.max(4,this.needleWidth-3),visible:true}];return this.showSeconds&&s2.push({index:2,id:"second",name:"Second",value:e2.second,rawValue:e2.second,angle:i2(e2.second),color:"#dc2626",shape:"line",length:.86*t2.outerRadius,rearLength:.16*t2.outerRadius,width:2,visible:true}),s2}resolvedClockTicks(t2){if(!this.showTicks)return[];const e2=[],i2=e3=>t2.startAngle+e3/12*t2.totalAngle;for(let t3=0;t3<12;t3++){e2.push({value:t3,angle:i2(t3),major:true,label:this.showTickLabels?0===t3?"12":t3+"":void 0});for(let s2=1;s2<5;s2++)e2.push({value:t3+s2/5,angle:i2(t3+s2/5),major:false})}return e2}effectiveAngles(){return"activity"===this.variant&&-150===this.startAngle&&150===this.endAngle?{start:0,end:x(360)}:"vuMeter"===this.variant&&-150===this.startAngle&&150===this.endAngle?{start:x(-48),end:x(48)}:"speedometer"===this.variant&&-150===this.startAngle&&150===this.endAngle?{start:x(-120),end:x(120)}:"clock"===this.variant&&-150===this.startAngle&&150===this.endAngle?{start:0,end:x(360)}:{start:x(this.startAngle),end:x(this.endAngle)}}activityRingSpecs(){return Array.isArray(this.rings)&&this.rings.length>0?this.rings:Array.isArray(this.needles)&&this.needles.length>0?this.needles.map((t2=>"number"==typeof t2?t2:{value:t2.value,id:t2.id,name:t2.name,color:t2.color,visible:t2.visible})):[{value:this.value,id:G}]}activityTrackColorFor(t2,e2){if(e2)return e2;const i2=b(t2);return i2?`rgba(${Math.round(i2.r)}, ${Math.round(i2.g)}, ${Math.round(i2.b)}, 0.16)`:this.trackColor}resolvedActivityRings(t2){const e2=this.needlePalette(),i2=this.activityRingSpecs(),s2=this.now(),n2=[];for(let a2=0;a2<i2.length;a2++){const o2=z(i2[a2],a2,e2[a2%Math.max(1,e2.length)]??this.color,this.max),r2=this.animator.valueAt(o2.id,s2),h2=Math.max(0,Math.min(void 0!==r2?r2:o2.value,o2.max)),l2=o2.max>0?h2/o2.max:0,c2=o2.visible&&!this.legendDisabled.has(o2.id);n2.push({index:a2,id:o2.id,name:o2.name,value:h2,max:o2.max,fraction:l2,angle:t2.startAngle+l2*t2.totalAngle,color:o2.color,trackColor:this.activityTrackColorFor(o2.color,o2.trackColor),visible:c2})}return n2}clampValue(t2){return Number.isFinite(t2)?t2<this.min?this.min:t2>this.max?this.max:t2:this.min}now(){return"undefined"!=typeof performance?performance.now():0}prefersReducedMotion(){return"function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion: reduce)").matches}shouldAnimate(){return!this.detached&&this.animated&&!this.prefersReducedMotion()}shouldInitialAnimation(t2){return this.shouldAnimate()&&"initial"===this.resolveAnimationType(t2)}shouldUpdateAnimation(t2){return this.shouldAnimate()&&"update"===this.resolveAnimationType(t2)}resolveAnimationType(t2){return this.animationType?this.animationType:this.hasAnimationBaseline(t2)?"update":"initial"}hasAnimationBaseline(t2){return"number"==typeof t2?Number.isFinite(t2):Array.isArray(t2)&&t2.length>0}tweenEasing(){return this.isSolidLike()&&"analog"===this.animationEasing?"ease-out":this.animationEasing}normalizedTweenDistance(t2,e2){const i2=Math.abs(this.max-this.min);if(!Number.isFinite(i2)||i2<=0)return 1;const s2=this.clampValue(t2),n2=this.clampValue(e2);return Math.max(0,Math.min(1,Math.abs(n2-s2)/i2))}analogDampingForTween(t2,e2,i2){return"analog"!==i2?this.analogDamping:(function(t3=5,e3=1,i3=16){const s2=Number.isFinite(t3)&&t3>0?t3:5,n2=Math.max(s2,Number.isFinite(i3)&&i3>0?i3:16),a2=B(e3);return s2+(n2-s2)*(1-Math.pow(a2,.75))})(this.analogDamping,this.normalizedTweenDistance(t2,e2))}fraction(t2){const e2=this.max-this.min;return Number.isFinite(e2)&&0!==e2?(this.clampValue(t2)-this.min)/e2:0}currentNeedleSpecs(){return Array.isArray(this.needles)&&this.needles.length>0?this.needles:[{value:this.value,id:G,color:this.color,shape:this.needleShape}]}resolveNeedleIndex(t2,e2){if("number"==typeof t2&&Number.isFinite(t2)){const i2=Math.floor(t2);return i2>=0&&i2<e2.length?i2:-1}for(let i2=0;i2<e2.length;i2++){const s2=e2[i2];if("object"==typeof s2&&null!==s2){if(void 0!==s2.id&&s2.id+""===t2)return i2;if(s2.name===t2)return i2}}return-1}needlePalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const t2=p.tableau10;return g(t2,Math.max(t2.stops.length,10)).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`))}resolveLength(t2,e2,i2){if(void 0===t2)return e2;if("number"==typeof t2)return Number.isFinite(t2)?t2:e2;const s2=t2.trim();if(s2.endsWith("%")){const t3=Number(s2.slice(0,-1));return Number.isFinite(t3)?t3/100*i2:e2}const n2=Number(s2);return Number.isFinite(n2)?n2:e2}needleAngle(t2,e2){const i2=w(t2,this.min,this.max,e2.startAngle,e2.endAngle,false),s2=(Number.isFinite(this.analogOvershootAngle)?Math.max(0,this.analogOvershootAngle):0)*Math.PI/180,n2=Math.min(e2.startAngle,e2.endAngle)-s2,a2=Math.max(e2.startAngle,e2.endAngle)+s2;return i2<n2?n2:i2>a2?a2:i2}resolvedNeedles(t2){const e2=this.needlePalette(),i2=this.currentNeedleSpecs(),s2=this.now(),n2=[];for(let a2=0;a2<i2.length;a2++){const o2=Y(i2[a2],a2,e2[a2%Math.max(1,e2.length)]??this.color),r2=this.animator.valueAt(o2.id,s2),h2=void 0!==r2?r2:o2.value,l2=this.clampValue(h2),c2=o2.visible&&!this.legendDisabled.has(o2.id),u2=void 0!==r2?this.needleAngle(h2,t2):w(l2,this.min,this.max,t2.startAngle,t2.endAngle);n2.push({index:a2,id:o2.id,name:o2.name,value:l2,rawValue:o2.value,angle:u2,color:o2.color,shape:o2.shape,length:this.resolveLength(o2.length??this.needleLength,.88*t2.outerRadius,t2.outerRadius),rearLength:this.resolveLength(o2.rearLength??this.needleRearLength,.14*t2.outerRadius,t2.outerRadius),width:Number.isFinite(o2.width)?o2.width:this.needleWidth,visible:c2})}return n2}resolvedRings(t2){const e2=this.now(),i2=Array.isArray(this.needles)&&this.needles.length>0?this.needles:null;if(i2){const s3=this.needlePalette();return i2.map(((i3,n3)=>{const a2=Y(i3,n3,s3[n3%Math.max(1,s3.length)]??this.color),o2=this.animator.valueAt(a2.id,e2),r2=this.clampValue(void 0!==o2?o2:a2.value);return{key:a2.id,name:a2.name,value:r2,angle:w(r2,this.min,this.max,t2.startAngle,t2.endAngle),color:a2.color}}))}const s2=this.animator.valueAt(G,e2),n2=this.clampValue(void 0!==s2?s2:this.value);return[{key:G,name:"",value:n2,angle:w(n2,this.min,this.max,t2.startAngle,t2.endAngle),color:this.solidColorAt(this.fraction(n2))}]}solidColorAt(t2){const e2=this.stops;if(!Array.isArray(e2)||0===e2.length)return this.color;const i2=[...e2].sort(((t3,e3)=>t3.stop-e3.stop));if(t2<=i2[0].stop)return i2[0].color;if(t2>=i2[i2.length-1].stop)return i2[i2.length-1].color;for(let e3=0;e3<i2.length-1;e3++){const s2=i2[e3],n2=i2[e3+1];if(t2>=s2.stop&&t2<=n2.stop){const e4=n2.stop-s2.stop,i3=e4<=0?0:(t2-s2.stop)/e4,a2=b(s2.color),o2=b(n2.color);if(!a2||!o2)return s2.color;const r2=m(a2,o2,i3);return`rgb(${Math.round(r2.r)}, ${Math.round(r2.g)}, ${Math.round(r2.b)})`}}return i2[i2.length-1].color}bandList(){return"auto"===this.plotBands?j(this.min,this.max):Array.isArray(this.plotBands)?this.plotBands:"vuMeter"===this.variant?(function(t2,e2){return!Number.isFinite(t2)||!Number.isFinite(e2)||e2<=0||e2<=t2?[]:[{from:Math.max(0,t2),to:e2,color:"danger"}]})(this.min,this.max):"speedometer"===this.variant?j(this.min,this.max):[]}resolvedBands(t2){const e2=this.bandList();if(0===e2.length)return[];const i2=[];for(let s2=0;s2<e2.length;s2++){const n2=e2[s2];if(!Number.isFinite(n2.from)||!Number.isFinite(n2.to))continue;const a2=Math.max(this.min,Math.min(n2.from,n2.to)),o2=Math.min(this.max,Math.max(n2.from,n2.to));if(o2<=a2)continue;const r2=this.resolveLength(n2.outerRadius,t2.outerRadius,t2.outerRadius),h2=Number.isFinite(n2.thickness)?n2.thickness:this.bandThickness;i2.push({id:void 0!==n2.id?n2.id+"":"band-"+s2,startAngle:w(a2,this.min,this.max,t2.startAngle,t2.endAngle),endAngle:w(o2,this.min,this.max,t2.startAngle,t2.endAngle),color:D(n2.color),outerRadius:r2,innerRadius:Math.max(0,r2-h2)})}return i2}numberFormatter(t2){if(t2)try{return k(t2)}catch{}return t3=>Number.isInteger(t3)?t3+"":Math.round(100*t3)/100+""}resolvedTicks(t2){if(!this.showTicks)return[];const e2=(function(t3){const{min:e3,max:i3,startAngle:s2,endAngle:n2}=t3,a2=i3-e3;if(!Number.isFinite(a2)||a2<=0)return[{value:e3,angle:s2,major:true}];const o2=Number(t3.majorInterval),r2="auto"===t3.majorInterval||!Number.isFinite(o2)||o2<=0?(function(t4){const e4=t4/6,i4=Math.pow(10,Math.floor(Math.log10(e4))),s3=e4/i4;let n3;return n3=s3<1.5?1:s3<3?2:s3<7?5:10,n3*i4})(a2):o2,h2=Math.max(0,Math.floor(t3.minorCount)),l2=h2>0?r2/(h2+1):r2,c2=[],u2=1e-6*l2;let d2=0;for(let t4=e3;t4<=i3+u2;t4+=l2){const a3=Math.abs(t4)<u2?0:t4,o3=0===h2||d2%(h2+1)==0;c2.push({value:a3,angle:w(a3,e3,i3,s2,n2),major:o3}),d2++}return c2})({min:this.min,max:this.max,majorInterval:this.tickInterval,minorCount:this.minorTicks,startAngle:t2.startAngle,endAngle:t2.endAngle}),i2=this.numberFormatter(this.tickLabelFormat);return e2.map((t3=>({value:t3.value,angle:t3.angle,major:t3.major,label:t3.major&&this.showTickLabels?i2(t3.value):void 0})))}titleGutter(){let t2=0;return this.chartTitle&&(t2+=22),this.chartSubtitle&&(t2+=16),t2}layoutForDraw(){const t2=this.legend?this.buildLegendLayout():null,e2=this.plotRectFromLegend(t2),i2=this.isSolidLike()?6:this.showTickLabels?this.tickLabelFontSize+this.tickLabelDistance+this.tickLength+6:this.tickLength+6,s2=this.effectiveAngles(),n2="solid"===this.variant?"62%":"activity"===this.variant?"30%":void 0;return(function(t3){const e3=Math.max(0,t3.outerPadding??8)+Math.max(0,t3.labelGutter??0),i3=Math.max(0,t3.plot.width-2*e3),s3=Math.max(0,t3.plot.height-2*e3),n3=Math.min(i3,s3),a2=t3.startAngle,o2=Math.max(t3.endAngle,a2+1e-6),r2=L(t3.size,n3),h2=L(t3.centerX,t3.plot.width),l2=L(t3.centerY,t3.plot.height),c2=void 0===r2&&void 0===h2&&void 0===l2;let u2=void 0!==r2?Math.max(1,r2/2):Math.max(2,n3/2),d2=t3.plot.x+(void 0!==h2?h2:t3.plot.width/2),g2=t3.plot.y+(void 0!==l2?l2:t3.plot.height/2);if(c2){const n4=_(0,0,u2,a2,o2),r3=n4.maxX-n4.minX,h3=n4.maxY-n4.minY;if(r3>0&&h3>0){u2=Math.max(2,u2*Math.min(i3/r3,s3/h3));const n5=_(0,0,u2,a2,o2);d2=t3.plot.x+e3+(i3-(n5.maxX-n5.minX))/2-n5.minX,g2=t3.plot.y+e3+(s3-(n5.maxY-n5.minY))/2-n5.minY}}let p2=0;if(Number.isFinite(t3.thickness)&&t3.thickness>0)p2=Math.max(0,Math.min(u2-t3.thickness,u2-1));else{const e4=L(t3.innerRadius,u2);void 0!==e4&&(p2=Math.max(0,Math.min(e4,u2-1)))}return{cx:d2,cy:g2,outerRadius:u2,innerRadius:p2,startAngle:a2,endAngle:o2,totalAngle:o2-a2}})({plot:e2,startAngle:s2.start,endAngle:s2.end,labelGutter:i2,size:this.size,centerX:this.centerX,centerY:this.centerY,innerRadius:this.isSolidLike()?this.innerRadius??n2:this.innerRadius,thickness:"solid"===this.variant?this.thickness:void 0})}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const t2=this.needlePalette();return"activity"===this.variant?this.activityRingSpecs().map(((e2,i2)=>{const s2=z(e2,i2,t2[i2%Math.max(1,t2.length)]??this.color,this.max);return{label:s2.name===i2+""?"Ring "+(i2+1):s2.name,swatchColor:s2.color,swatchShape:"square",disabled:this.legendDisabled.has(s2.id),id:s2.id,seriesIndex:i2}})):this.currentNeedleSpecs().map(((e2,i2)=>{const s2=Y(e2,i2,t2[i2%Math.max(1,t2.length)]??this.color);return{label:s2.name,swatchColor:s2.color,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=u({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:6,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}}}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)}}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,needleId:e2,label:i2,disabled:s2}),this.needleToggled.emit({index:t2,needleId:e2,disabled:s2})};onLegendKeyDown=(t2,e2,i2,s2)=>{"Enter"!==t2.key&&" "!==t2.key||(t2.preventDefault(),this.onLegendItemClick(e2,i2,s2))};visualStyle(){return{tick:{majorLength:this.tickLength,minorLength:this.minorTickLength,majorWidth:this.tickWidth,minorWidth:this.minorTickWidth,color:this.tickColor,showLabels:this.showTickLabels,labelDistance:this.tickLabelDistance,labelColor:this.tickLabelColor,labelFontSize:this.tickLabelFontSize},pivotRadius:this.pivotRadius,pivotColor:this.pivotColor,bandThickness:this.bandThickness,rounded:this.rounded,trackColor:this.trackColor,bandTrackColor:this.bandTrackColor}}startInitialReveal(){const t2=Math.max(0,this.animationDuration);if(this.targetByKey=this.computeTargets(),t2<=0)return void this.animationTick++;this.animator.clear();const e2=this.tweenEasing();for(const[i2,s2]of this.targetByKey){const n2="activity"===this.variant?0:this.min;this.animator.start(i2,{from:n2,to:s2,duration:t2,easing:e2,analogDamping:this.analogDampingForTween(n2,s2,e2),analogFrequency:this.analogFrequency})}this.chartAnimationStart.emit(),this.startAnimationLoop()}computeTargets(){const t2=new Map;if("activity"===this.variant){const e3=this.needlePalette();return this.activityRingSpecs().forEach(((i3,s2)=>{const n2=z(i3,s2,e3[s2%Math.max(1,e3.length)]??this.color,this.max);t2.set(n2.id,n2.value)})),t2}if("solid"===this.variant){if(Array.isArray(this.needles)&&this.needles.length>0){const e3=this.needlePalette();this.needles.forEach(((i3,s2)=>{const n2=Y(i3,s2,e3[s2%Math.max(1,e3.length)]??this.color);t2.set(n2.id,this.clampValue(n2.value))}))}else t2.set(G,this.clampValue(this.value));return t2}const e2=this.needlePalette(),i2=this.currentNeedleSpecs();for(let s2=0;s2<i2.length;s2++){const n2=Y(i2[s2],s2,e2[s2%Math.max(1,e2.length)]??this.color);t2.set(n2.id,this.clampValue(n2.value))}return t2}retargetTweens(t2){const e2="stream"===t2?this.streamDuration():Math.max(0,this.animationDuration),i2=this.computeTargets();if(e2<=0)return this.animator.clear(),this.targetByKey=i2,void this.animationTick++;"value"===t2&&this.animator.hasActive()&&this.chartAnimationInterrupted.emit();const s2=this.now(),n2=this.animationLoopRunning;for(const t3 of[...this.animator.entries().keys()])i2.has(t3)||this.animator.cancel(t3);const a2="stream"===t2?"ease-out":this.tweenEasing();for(const[t3,n3]of i2){const i3=this.targetByKey.get(t3);if(this.animator.has(t3)){const o2=this.animator.valueAt(t3,s2)??i3??n3;this.animator.retarget(t3,n3,s2,{duration:e2,easing:a2,analogDamping:this.analogDampingForTween(o2,n3,a2),analogFrequency:this.analogFrequency})}else void 0!==i3?this.animator.start(t3,{from:i3,to:n3,duration:e2,easing:a2,analogDamping:this.analogDampingForTween(i3,n3,a2),analogFrequency:this.analogFrequency}):this.animator.retarget(t3,n3,s2,{duration:e2,easing:a2,analogDamping:this.analogDampingForTween(n3,n3,a2),analogFrequency:this.analogFrequency})}this.targetByKey=i2,n2||this.chartAnimationStart.emit(),this.startAnimationLoop()}streamDuration(){const t2=this.now(),e2=void 0!==this.lastStreamEventAt?t2-this.lastStreamEventAt:1/0;return this.lastStreamEventAt=t2,Number.isFinite(e2)?Math.max(1,Math.min(e2,2e3)):Math.max(0,this.animationDuration)}startAnimationLoop(){if(this.animationLoopRunning=true,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,this.animator.tick(e3);const s2=this.animator.hasActive();this.animationTick++,s2?this.animationFrameHandle=t2(i2):(this.animationLoopRunning=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=t2(i2),this.stopAnimationLoopImpl=()=>{null!==this.animationFrameHandle&&(e2(this.animationFrameHandle),this.animationFrameHandle=null)}}stopAnimationLoop(){this.stopAnimationLoopImpl?.(),this.animationFrameHandle=null}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.internalStreamValue=this.value),this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0,this.internalStreamCapacity=void 0,this.internalStreamValue=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;if(e2===this.boundStreamSource)return;if(void 0===e2||e2!==this.internalStreamSource||Object.is(this.value,this.internalStreamValue)||(this.dropInternalStreamSource(),e2=this.ensureInternalStreamSource()),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,!e2)return;this.boundStreamSource=e2,this.streamUnsubscribe=e2.subscribe((t3=>this.handleStreamEvent(t3)));const i2=e2.latest();void 0!==i2&&(this.suppressNextValueAnimation=true,this.value=i2),this.noteStreamValue()}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamValue(){void 0!==this.boundStreamSource&&this.boundStreamSource===this.internalStreamSource&&(this.internalStreamValue=this.value)}handleStreamEvent(t2){if(!this.boundStreamSource)return;const e2=this.boundStreamSource.latest();if("push"===t2.type||"pushBatch"===t2.type?this.appended.emit({count:t2.count}):"shift"===t2.type&&this.windowSlid.emit({dropped:t2.count}),void 0===e2)return void this.animationTick++;const i2=this.value;this.suppressNextValueAnimation=true,this.value=e2,this.noteStreamValue(),this.emitValueChange(),this.shouldInitialAnimation(i2)?this.startInitialReveal():this.shouldUpdateAnimation(i2)?this.retargetTweens("stream"):this.animationTick++}emitValueChange(){this.valueChange.emit({value:this.clampValue(this.value),fraction:this.fraction(this.value)}),this.srAnnouncement=this.accessibleValueText()}buildPointerDetail(t2,e2,i2,s2){const n2=this.currentNeedleSpecs(),a2=Y(n2[t2]??n2[0]??this.value,t2,this.color);return{index:t2,id:a2.id,name:n2.length>1&&a2.name&&a2.name!==t2+""?a2.name:this.chartTitle??"Value",value:this.clampValue(e2),fraction:this.fraction(e2),cssX:i2,cssY:s2}}pointerDetailAt(t2,e2,i2){if("clock"===this.variant){const i3=this.clockTime(),s3=F(i3);return{index:0,id:"clock",name:I(i3,this.showSeconds),value:s3.hour,fraction:s3.hour/12,cssX:t2,cssY:e2}}if("activity"===this.variant){const s3=this.resolvedActivityRings(i2),n3=this.activityRingAtPoint(t2,e2,i2,s3)??s3[0];if(n3)return{index:n3.index,id:n3.id,name:n3.name===n3.index+""?this.chartTitle??"Ring "+(n3.index+1):n3.name,value:n3.value,fraction:n3.fraction,cssX:t2,cssY:e2}}const s2=(function(t3,e3,i3){return Math.atan2(t3-i3.cx,-(e3-i3.cy))})(t2,e2,i2),n2=(function(t3,e3,i3,s3,n3){const a2=n3-s3;return Number.isFinite(a2)&&0!==a2?e3+(t3-s3)/a2*(i3-e3):e3})(s2,this.min,this.max,i2.startAngle,i2.endAngle);return this.buildPointerDetail(0,n2,t2,e2)}activityRingAtPoint(t2,e2,i2,s2=this.resolvedActivityRings(i2)){if(0===s2.length)return null;const n2=Math.sqrt((t2-i2.cx)**2+(e2-i2.cy)**2),a2=O(i2.outerRadius,Math.max(0,i2.innerRadius),s2.length);for(let t3=0;t3<s2.length;t3++){const e3=a2[t3];if(e3&&n2>=e3.rInner-2&&n2<=e3.rOuter+2)return s2[t3]}return null}anchorForDetail(t2,e2){if("activity"===this.variant){const i2=this.resolvedActivityRings(e2),s2=i2[t2.index]??i2[0];if(s2){const t3=O(e2.outerRadius,Math.max(0,e2.innerRadius),i2.length);return M(e2.cx,e2.cy,(t3[s2.index]??t3[0]).centerR,s2.visible?s2.angle:e2.startAngle)}}return this.valueAnchorPoint(t2.value,e2)}localPoint(t2){const e2=this.host.getBoundingClientRect();return{x:t2.clientX-e2.left,y:t2.clientY-e2.top}}onChartMove=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.localPoint(t2);if(!N(i2.x,i2.y,e2,4))return void this.clearHover();const s2=this.pointerDetailAt(i2.x,i2.y,e2);this.gaugeHover.emit(s2);const n2=this.effectiveTooltipSpec();n2.show&&"click"!==n2.trigger&&this.showTooltipForDetail(s2,this.anchorForDetail(s2,e2),n2,false)};onChartLeave=()=>{this.clearHover()};onChartClick=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.localPoint(t2);if(!N(i2.x,i2.y,e2,4))return void(this.hasVisibleTooltips()&&this.clearTooltips());const s2=this.pointerDetailAt(i2.x,i2.y,e2);this.gaugeClick.emit(s2);const n2=this.effectiveTooltipSpec();!n2.show||"click"!==n2.trigger&&"hover-click"!==n2.trigger||this.showTooltipForDetail(s2,this.anchorForDetail(s2,e2),n2,true)};onPointContextMenu=t2=>{if(!this.enableMouseTracking)return;const e2=this.layoutForDraw(),i2=this.localPoint(t2);if(!N(i2.x,i2.y,e2,4))return;const s2=this.pointerDetailAt(i2.x,i2.y,e2);t2.preventDefault(),t2.stopPropagation(),this.pointContextMenu.emit(h(t2,this.host,"gauge",s2,{index:0,id:"gauge",name:this.chartTitle??"Gauge"}))};clearHover(){this.gaugeHover.emit(null),this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec())&&this.clearTooltips()}effectiveTooltipSpec(){return void 0!==this.tooltip?(function(t2){if(null==t2||"auto"===t2||true===t2)return{...E};if("off"===t2||false===t2)return{...E,show:false};if(!X(t2))return{...E};const e2=t2,i2=X(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||!X(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{...E,show:t2.show,format:"function"==typeof t2.format?e2=>t2.format(e2):void 0}})({show:this.tooltipShow,format:this.tooltipFormat})}valueAnchorPoint(t2,e2){const i2=w(t2,this.min,this.max,e2.startAngle,e2.endAngle);return M(e2.cx,e2.cy,.6*e2.outerRadius,i2)}defaultTooltipHtml(t2){const e2=this.numberFormatter(this.valueFormat),i2=Z(this.tooltipLabel(t2)),s2=Math.round(1e3*t2.fraction)/10;if("clock"===this.variant)return`<strong>${Z(this.chartTitle??"Clock")}</strong> · ${Z(t2.name)}`;if("activity"===this.variant){const n3=this.resolvedActivityRings(this.layoutForDraw())[t2.index];if(n3)return`<strong>${i2}</strong> · ${e2(n3.value)}/${e2(n3.max)} (${s2}%)`}if("percent"===this.valueDisplay)return`<strong>${i2}</strong> · ${e2(100*t2.fraction)}%`;const n2=this.unit?" "+Z(this.unit):"";return`<strong>${i2}</strong> · ${e2(t2.value)}${n2} (${s2}%)`}plainTooltipText(t2){const e2=this.numberFormatter(this.valueFormat),i2=this.tooltipLabel(t2),s2=Math.round(1e3*t2.fraction)/10;if("clock"===this.variant)return`${this.chartTitle??"Clock"} · ${t2.name}`;if("activity"===this.variant){const n3=this.resolvedActivityRings(this.layoutForDraw())[t2.index];if(n3)return`${i2} · ${e2(n3.value)}/${e2(n3.max)} (${s2}%)`}if("percent"===this.valueDisplay)return`${i2} · ${e2(100*t2.fraction)}%`;const n2=this.unit?" "+this.unit:"";return`${i2} · ${e2(t2.value)}${n2} (${s2}%)`}tooltipLabel(t2){return"activity"===this.variant&&t2.name&&t2.name!==t2.index+""||this.currentNeedleSpecs().length>1&&t2.name&&t2.name!==t2.index+""?t2.name:this.chartTitle??"Value"}buildTooltipContext(t2,e2){return{index:t2.index,id:t2.id,name:t2.name,value:t2.value,fraction:t2.fraction,cssX:e2.x,cssY:e2.y}}hasVisibleTooltips(){return null!==this.gaugeTooltip||this.gaugeTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.gaugeTooltip=null,this.gaugeTooltips=[],this.tooltipHide.emit())}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForDetail(t2,e2,i2,s2){const n2=this.buildTooltipContext(t2,e2),a2=i2.side??"top",r2=i2.format?o(i2.format,[t2,n2],(()=>this.plainTooltipText(t2)),"tooltip.format",i2):this.plainTooltipText(t2),h2=i2.html?o(i2.html,[t2,n2],(()=>{}),"tooltip.html",i2):i2.format?void 0:this.defaultTooltipHtml(t2),l2=this.lockedTooltipPositionForDetail(t2,i2),c2=l2?.side??a2,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,i2.offset):{cssX:e2.x,cssY:e2.y},d2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.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.gaugeTooltip=d2,this.gaugeTooltips=[...this.gaugeTooltips,d2]):(this.gaugeTooltips=[],this.gaugeTooltip=d2);const g2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:r2,html:h2,context:n2};return this.tooltipShown.emit(g2),g2}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}positionedTooltip(t2=this.gaugeTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const e2=t2.offset??10,i2=f({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})}lockedTooltipPositionForDetail(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.positionedTooltip();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}measureGaugeTooltipBox(){if(this.gaugeTooltips.length>0)return;const t2=this.gaugeTooltip,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 a2={width:s2,height:n2},o2={...t2,box:a2};t2.positionLock&&Object.assign(o2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,a2,t2.offset??10)),this.rememberDraggableTooltipPosition(o2),this.gaugeTooltip=o2}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")),a2=this.gaugeTooltips.find((t3=>t3.id===n2))??this.gaugeTooltip;s2&&a2&&(t2.stopPropagation(),this.tooltipAction.emit({...a2.context,action:s2,text:a2.text,html:a2.html}))};handleTooltipPointerDown=t2=>{if(!this.gaugeTooltip?.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.positionedTooltip(this.gaugeTooltip)??this.gaugeTooltip,n2=this.tooltipTopLeftFromElement(i2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},a2=this.gaugeTooltip.box??s2.box,o2={...this.gaugeTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:a2,positionLock:n2};Object.assign(o2,this.tooltipAnchorFromPositionLock(n2,o2.side,a2,o2.offset??10)),this.gaugeTooltip=o2,this.rememberDraggableTooltipPosition(o2),i2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:o2.cssX,originY:o2.cssY,originLockX:n2.x,originLockY:n2.y}};handleTooltipPointerMove=t2=>{const e2=this.tooltipDrag;if(!e2||e2.pointerId!==t2.pointerId||!this.gaugeTooltip)return;t2.preventDefault(),t2.stopPropagation();const i2={x:e2.originLockX+t2.clientX-e2.startX,y:e2.originLockY+t2.clientY-e2.startY},s2={...this.gaugeTooltip,positionLock:i2};Object.assign(s2,this.tooltipAnchorFromPositionLock(i2,s2.side,s2.box,s2.offset??10)),this.gaugeTooltip=s2,this.rememberDraggableTooltipPosition(s2)};handleTooltipPointerUp=t2=>{const e2=this.tooltipDrag;e2&&e2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.gaugeTooltip&&this.rememberDraggableTooltipPosition(this.gaugeTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};accessibleValueText(){const t2=this.numberFormatter(this.valueFormat);if("clock"===this.variant)return I(this.clockTime(),this.showSeconds);if("activity"===this.variant){const e3=this.resolvedActivityRings(this.layoutForDraw())[0];if(e3){const i2=Math.round(1e3*e3.fraction)/10;return`${t2(e3.value)} of ${t2(e3.max)} (${i2} percent)`}}const e2=this.clampValue(this.value);return"percent"===this.valueDisplay?t2(100*this.fraction(e2))+" percent":`${t2(e2)}${this.unit?" "+this.unit:""}`}needleAccessibleText(t2){const e2=this.needlePalette();if("activity"===this.variant){const e3=this.resolvedActivityRings(this.layoutForDraw())[t2];if(!e3)return this.accessibleValueText();const i3=this.numberFormatter(this.valueFormat),s3=Math.round(1e3*e3.fraction)/10;return`${e3.name===t2+""?"Ring "+(t2+1):e3.name}: ${i3(e3.value)} of ${i3(e3.max)} (${s3}%)`}const i2=this.currentNeedleSpecs(),s2=i2[t2];if(!s2)return this.accessibleValueText();const n2=Y(s2,t2,e2[t2%Math.max(1,e2.length)]??this.color),a2=this.numberFormatter(this.valueFormat),o2=this.clampValue(n2.value),r2=Math.round(1e3*this.fraction(n2.value))/10;return`${i2.length>1?n2.name+": ":""}${a2(o2)}${this.unit?" "+this.unit:""} (${r2}%)`}onChartFocus=()=>{this.focusedNeedleIndex<0&&(this.focusedNeedleIndex=0,this.srAnnouncement=this.needleAccessibleText(0))};onChartBlur=()=>{this.focusedNeedleIndex=-1};onChartKeyDown=t2=>{const e2="activity"===this.variant?this.activityRingSpecs().length:this.currentNeedleSpecs().length;if(0===e2)return;let i2=this.focusedNeedleIndex<0?0:this.focusedNeedleIndex;switch(t2.key){case"ArrowRight":case"ArrowDown":t2.preventDefault(),i2=(i2+1)%e2;break;case"ArrowLeft":case"ArrowUp":t2.preventDefault(),i2=(i2-1+e2)%e2;break;case"Home":t2.preventDefault(),i2=0;break;case"End":t2.preventDefault(),i2=e2-1;break;default:return}this.focusedNeedleIndex=i2,this.srAnnouncement=this.needleAccessibleText(i2)};render(){const t2=this.now(),e2=(function(t3){if("pro"===t3.requested){const e3="no GPU gauge renderer exists";if("error"===r(t3.onUnavailable))throw Error('sy-gauge-chart: Pro engine is unavailable — no GPU gauge renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-gauge-chart: Pro renderer unavailable, falling back to Standard (${e3}).`),{tier:"standard",fallbackReason:e3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});e2.tier!==this.activeTier&&(this.activeTier=e2.tier),e2.fallbackReason!==this.fallbackReason&&(this.fallbackReason=e2.fallbackReason);const i2=this.layoutForDraw(),a2=this.variant,o2="clock"===this.variant?this.resolvedClockNeedles(i2):this.isDialLike()?this.resolvedNeedles(i2):[],h2=this.resolvedBands(i2),l2="activity"===a2?[]:"clock"===a2?this.resolvedClockTicks(i2):this.resolvedTicks(i2),c2="solid"===a2?this.resolvedRings(i2):[],u2="activity"===a2?this.resolvedActivityRings(i2):[],g2=(function(t3){const{layout:e3,variant:i3,style:s2}=t3,{cx:n2,cy:a3,outerRadius:o3,startAngle:r2,endAngle:h3}=e3,l3=o3-s2.bandThickness,c3=("dial"===i3||"vuMeter"===i3||"speedometer"===i3)&&t3.bands.length>0,u3="solid"===i3?Math.max(8,e3.innerRadius):c3?l3:o3,d2=[];let g3;if(c3){const e4=.001,i4=t4=>.33*t4,s3=i4(o3-l3);g3=V(n2,a3,o3,l3,r2,h3,true,true,s3)||void 0;for(const s4 of t3.bands){const t4=V(n2,a3,s4.outerRadius,s4.innerRadius,s4.startAngle,s4.endAngle,Math.abs(s4.startAngle-r2)<e4,Math.abs(s4.endAngle-h3)<e4,i4(s4.outerRadius-s4.innerRadius));t4&&d2.push({key:s4.id,path:t4,color:s4.color})}}const p3=[];for(let e4=0;e4<t3.ticks.length;e4++){const i4=t3.ticks[e4],o4=T(n2,a3,i4.angle,u3-(i4.major?s2.tick.majorLength:s2.tick.minorLength),u3);let r3;if(i4.major&&s2.tick.showLabels&&void 0!==i4.label){const t4=S(n2,a3,i4.angle,u3-s2.tick.majorLength-s2.tick.labelDistance);r3={x:t4.x,y:t4.y,text:i4.label,anchor:t4.anchor,fontSize:s2.tick.labelFontSize,color:s2.tick.labelColor}}p3.push({key:"t"+e4,major:i4.major,x1:o4.x1,y1:o4.y1,x2:o4.x2,y2:o4.y2,width:i4.major?s2.tick.majorWidth:s2.tick.minorWidth,color:s2.tick.color,label:r3})}if("solid"===i3||"activity"===i3){const s3=Math.max(0,e3.innerRadius),l4=t3.rings&&t3.rings.length>0?t3.rings:[{key:"primary",angle:t3.progress?.angle??r2,color:t3.progress?.color??"#2563eb",trackColor:void 0}],c4=O(o3,s3,l4.length),u4=l4.map(((t4,e4)=>{const i4=c4[e4];return{key:t4.key,trackPath:P(n2,a3,i4.centerR,r2,h3),progressPath:P(n2,a3,i4.centerR,r2,t4.angle),progressColor:t4.color,strokeWidth:Math.max(1,i4.thickness),trackColor:t4.trackColor}})),g4=u4[0];return{variant:i3,layout:e3,trackPath:g4.trackPath,progressPath:g4.progressPath,progressColor:g4.progressColor,bandStrokeWidth:g4.strokeWidth,solidRings:u4,bandVisuals:d2,tickVisuals:p3,needleVisuals:[],pivot:void 0,needleCount:l4.length}}const m3=[];for(const e4 of t3.needles){if(!e4.visible)continue;const t4=A(n2,a3,e4.angle,e4.length,e4.rearLength,e4.width,e4.shape);t4&&m3.push({key:e4.id,path:t4,color:e4.color,needle:e4})}return{variant:i3,layout:e3,bandVisuals:d2,bandTrackPath:g3,bandTrackColor:c3?s2.bandTrackColor:void 0,tickVisuals:p3,needleVisuals:m3,pivot:{cx:n2,cy:a3,r:s2.pivotRadius,color:s2.pivotColor},needleCount:m3.length}})({layout:i2,variant:a2,needles:o2,bands:h2,ticks:l2,rings:"activity"===a2?u2.map((t3=>({key:t3.id,angle:t3.visible?t3.angle:i2.startAngle,color:t3.color,trackColor:t3.trackColor}))):c2.length>0?c2.map((t3=>({key:t3.key,angle:t3.angle,color:t3.color}))):void 0,style:this.visualStyle()});this.lastRenderResult={needles:g2.needleCount,renderMs:this.now()-t2},this.pendingRenderedEmit=true;const p2=this.readoutValue(o2,c2,u2),m2=this.legend?this.buildLegendLayout():null,f2="activity"===a2?u2.length<=1:"clock"!==a2&&("solid"===this.variant||o2.length<=1),y2=u2[0];return s(n,{key:"6d1ca66e818386c280b1669d4d02c331d72d048d","data-active-tier":this.activeTier,"data-sy-brand-host":"chart"},s("div",{key:"c788806c3d73b9110f23e414d460400ca1e324c4",class:"sy-gauge-chart",style:{width:this.width+"px",height:this.height+"px",position:"relative"}},s("svg",{key:"a4f37968cf2de51afbbd7585263c1174c0a0eba8",class:"sy-gauge-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:"activity"===a2?u2.length>1?"group":"meter":"clock"===a2?"img":this.ariaRole(o2),"aria-valuenow":f2?Math.round(100*("activity"===a2&&y2?y2.value:this.clampValue(this.value)))/100:void 0,"aria-valuemin":f2?"activity"===a2?0:this.min:void 0,"aria-valuemax":f2?"activity"===a2&&y2?y2.max:this.max:void 0,"aria-valuetext":f2?this.accessibleValueText():void 0,"aria-label":"clock"===a2?`${this.chartTitle??"Clock"} — ${this.accessibleValueText()}`:this.chartTitle??"Gauge",tabindex:0,onMouseMove:t3=>this.onChartMove(t3),onMouseLeave:()=>this.onChartLeave(),onContextMenu:t3=>this.onPointContextMenu(t3),onClick:t3=>this.onChartClick(t3),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onKeyDown:t3=>this.onChartKeyDown(t3)},this.chartTitle?s("text",{class:"sy-gauge-chart__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?s("text",{class:"sy-gauge-chart__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,"solid"!==a2&&"activity"!==a2||!g2.solidRings?null:s("g",{class:"sy-gauge-chart__solid"},g2.solidRings.map((t3=>s("path",{key:t3.key+"-track",class:"sy-gauge-chart__track",d:t3.trackPath,fill:"none",stroke:t3.trackColor??this.trackColor,"stroke-width":t3.strokeWidth,"stroke-linecap":this.rounded?"round":"butt"}))),g2.solidRings.map((t3=>t3.progressPath?s("path",{key:t3.key+"-progress",class:"sy-gauge-chart__progress",d:t3.progressPath,fill:"none",stroke:t3.progressColor,"stroke-width":t3.strokeWidth,"stroke-linecap":this.rounded?"round":"butt"}):null))),g2.bandVisuals.length>0?s("g",{class:"sy-gauge-chart__bands"},g2.bandTrackPath?s("path",{class:"sy-gauge-chart__band-track",d:g2.bandTrackPath,fill:g2.bandTrackColor}):null,g2.bandVisuals.map((t3=>s("path",{key:t3.key,class:"sy-gauge-chart__band",d:t3.path,fill:t3.color})))):null,g2.tickVisuals.length>0?s("g",{class:"sy-gauge-chart__ticks"},g2.tickVisuals.map((t3=>s("line",{key:t3.key+"-m",class:t3.major?"sy-gauge-chart__tick sy-gauge-chart__tick--major":"sy-gauge-chart__tick",x1:t3.x1,y1:t3.y1,x2:t3.x2,y2:t3.y2,stroke:t3.color,"stroke-width":t3.width}))),g2.tickVisuals.map((t3=>t3.label?s("text",{key:t3.key+"-l",class:"sy-gauge-chart__tick-label",x:t3.label.x,y:t3.label.y,fill:t3.label.color,"text-anchor":t3.label.anchor,style:{fontSize:t3.label.fontSize+"px"}},t3.label.text):null))):null,this.isDialLike()?s("g",{class:"sy-gauge-chart__needles"},g2.needleVisuals.map((t3=>s("path",{key:t3.key,class:"sy-gauge-chart__needle",d:t3.path,fill:t3.color}))),g2.pivot?s("circle",{class:"sy-gauge-chart__pivot",cx:g2.pivot.cx,cy:g2.pivot.cy,r:g2.pivot.r,fill:g2.pivot.color}):null):null,this.renderReadout(i2,p2)),m2?.legendRect?s("div",{class:"sy-gauge-chart__legend",role:"group","aria-label":"Legend",style:{position:"absolute",left:m2.legendRect.x+"px",top:m2.legendRect.y+"px",width:m2.legendRect.width+"px",height:m2.legendRect.height+"px"}},this.buildLegendItems().map(((t3,e3)=>{const i3=m2.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-gauge-chart__legend-item"+(t3.disabled?" sy-gauge-chart__legend-item--disabled":""),style:{position:"absolute",left:i3.x-m2.legendRect.x+"px",top:i3.y-m2.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-gauge-chart__legend-swatch",style:{background:t3.swatchColor}}),s("span",null,t3.label)):null}))):null,s("div",{key:"7ccac060f36df4b192eb8523044496d42d3d23b4",class:"sy-gauge-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason?s("span",{class:"sy-gauge-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"):null,this.renderGaugeTooltipConnector(),this.renderGaugeTooltip()),d(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(m2)}))}renderGaugeTooltip(){const t2=this.gaugeTooltips.length>0,e2=t2?this.gaugeTooltips:[this.positionedTooltip()].filter((t3=>!!t3));return 0===e2.length?null:e2.map((e3=>this.renderGaugeTooltipItem(e3,!t2)))}renderGaugeTooltipItem(t2,e2){const{cssX:i2,cssY:n2,side:a2,text:o2,html:r2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,d2=t2.offset??10,g2={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||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(g2.left=t2.positionLock.x+"px",g2.top=t2.positionLock.y+"px",g2.transform=""):"top"===a2?(g2.left=i2+"px",g2.top=n2-d2+"px",g2.transform="translate(-50%, -100%)"):"bottom"===a2?(g2.left=i2+"px",g2.top=n2+d2+"px",g2.transform="translate(-50%, 0%)"):"left"===a2?(g2.left=i2-d2+"px",g2.top=n2+"px",g2.transform="translate(-100%, -50%)"):(g2.left=i2+d2+"px",g2.top=n2+"px",g2.transform="translate(0%, -50%)");for(const[t3,e3]of Object.entries(l2??{}))g2[t3]=H(t3,e3);return void 0!==r2?s("div",{class:q("sy-gauge-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:g2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:r2}):s("div",{class:q("sy-gauge-chart__tooltip",h2),"data-tooltip-id":""+t2.id,ref:e2?t3=>this.tooltipElement=t3:void 0,style:g2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},o2)}renderGaugeTooltipConnector(){const t2=(this.gaugeTooltips.length>0?this.gaugeTooltips:[this.positionedTooltip()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:s("svg",{class:"sy-gauge-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=y(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(" ")})})))}ariaRole(t2){return t2.length>1?"group":"meter"}readoutValue(t2,e2,i2=[]){const s2=this.now(),n2=this.tweenEasing();if("activity"===this.variant){const t3=i2[0];if(!t3)return 0;const e3=this.animator.valueAtClamped(t3.id,s2,n2);return Math.max(0,Math.min(void 0!==e3?e3:t3.value,t3.max))}if("solid"===this.variant){const t3=e2.length>0?e2[0]:{key:G,value:this.value},i3=this.animator.valueAtClamped(t3.key,s2,n2);return this.clampValue(void 0!==i3?i3:t3.value)}if(t2.length>0){const e3=this.animator.valueAtClamped(t2[0].id,s2,n2);return this.clampValue(void 0!==e3?e3:t2[0].value)}return this.clampValue(this.value)}formatReadout(t2){const e2=this.numberFormatter(this.valueFormat);if("percent"===this.valueDisplay){if("activity"===this.variant){const i2=this.resolvedActivityRings(this.layoutForDraw())[0];return{main:e2(100*(i2&&i2.max>0?Math.max(0,Math.min(t2/i2.max,1)):0))+"%",sub:this.centerSubtext}}return{main:e2(100*this.fraction(t2))+"%",sub:this.centerSubtext}}return{main:e2(t2),sub:this.centerSubtext??this.unit}}readoutLayout(t2,e2,i2){const s2=Math.max(8,this.valueFontSize);if(this.isSolidLike()){const e3=Math.max(10,.42*s2);return{valueY:t2.cy,subY:t2.cy+.62*s2+.5*e3,fs:s2,subFs:e3}}const n2=Math.max(-Math.cos(t2.startAngle),-Math.cos(t2.endAngle),0),a2=this.bandList().length>0,o2=t2.cy+this.pivotRadius+2,r2=Math.max(o2+10,Math.min(this.showTicks&&this.showTickLabels&&n2>.35?t2.cy+Math.max(8,(a2?t2.outerRadius-this.bandThickness:t2.outerRadius)-this.tickLength-this.tickLabelDistance)*n2-.5*this.tickLabelFontSize-3:i2-8,i2-8))-o2,h2=e2?1.5:1;let l2=s2;l2*h2>r2&&(l2=Math.max(11,r2/h2));const c2=e2?Math.max(9,.42*l2):0,u2=o2+Math.max(0,(r2-(l2+(e2?.08*l2+c2:0)))/2),d2=u2+.5*l2;return{valueY:d2,subY:e2?u2+l2+.08*l2+.5*c2:d2,fs:l2,subFs:c2}}renderReadout(t2,e2){const i2=void 0!==this.centerText&&""!==this.centerText;if("clock"===this.variant&&!i2)return null;if(!i2&&!this.showValue)return null;const n2=this.formatReadout(e2),a2=i2?this.centerText:n2.main,o2=i2?this.centerSubtext:n2.sub,r2=this.plotRectFromLegend(this.legend?this.buildLegendLayout():null),h2=this.readoutLayout(t2,!!o2,r2.y+r2.height);return s("g",{class:"sy-gauge-chart__readout"},s("text",{class:"sy-gauge-chart__value",x:t2.cx,y:h2.valueY,fill:this.valueColor,style:{fontSize:h2.fs+"px",fontWeight:"700"}},a2),o2?s("text",{class:"sy-gauge-chart__value-sub",x:t2.cx,y:h2.subY,fill:this.tickLabelColor,style:{fontSize:h2.subFs+"px"}},o2):null)}async getEngineStatus(){return v({requested:this.engine,onUnavailable:this.unavailable,renderer:"gauge"})}static get watchers(){return{value:[{handleValueChange:0}],needles:[{handleNeedlesChange:0}],time:[{handleClockPropsChange:0}],showSeconds:[{handleClockPropsChange:0}],rings:[{handleRingsChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationChange:0}],animationDuration:[{handleAnimationChange:0}],animationEasing:[{handleAnimationChange:0}],animationType:[{handleAnimationChange:0}],min:[{handleVisualPropsChange:0}],max:[{handleVisualPropsChange:0}],startAngle:[{handleVisualPropsChange:0}],endAngle:[{handleVisualPropsChange:0}],variant:[{handleVisualPropsChange:0}],size:[{handleVisualPropsChange:0}],centerX:[{handleVisualPropsChange:0}],centerY:[{handleVisualPropsChange:0}],innerRadius:[{handleVisualPropsChange:0}],thickness:[{handleVisualPropsChange:0}],color:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],stops:[{handleVisualPropsChange:0}],trackColor:[{handleVisualPropsChange:0}],rounded:[{handleVisualPropsChange:0}],needleShape:[{handleVisualPropsChange:0}],needleLength:[{handleVisualPropsChange:0}],needleRearLength:[{handleVisualPropsChange:0}],needleWidth:[{handleVisualPropsChange:0}],pivotRadius:[{handleVisualPropsChange:0}],pivotColor:[{handleVisualPropsChange:0}],plotBands:[{handleVisualPropsChange:0}],bandThickness:[{handleVisualPropsChange:0}],bandTrackColor:[{handleVisualPropsChange:0}],showTicks:[{handleVisualPropsChange:0}],tickInterval:[{handleVisualPropsChange:0}],minorTicks:[{handleVisualPropsChange:0}],tickLength:[{handleVisualPropsChange:0}],minorTickLength:[{handleVisualPropsChange:0}],tickWidth:[{handleVisualPropsChange:0}],minorTickWidth:[{handleVisualPropsChange:0}],tickColor:[{handleVisualPropsChange:0}],showTickLabels:[{handleVisualPropsChange:0}],tickLabelDistance:[{handleVisualPropsChange:0}],tickLabelColor:[{handleVisualPropsChange:0}],tickLabelFontSize:[{handleVisualPropsChange:0}],tickLabelFormat:[{handleVisualPropsChange:0}],showValue:[{handleVisualPropsChange:0}],valueDisplay:[{handleVisualPropsChange:0}],valueFormat:[{handleVisualPropsChange:0}],valueColor:[{handleVisualPropsChange:0}],valueFontSize:[{handleVisualPropsChange:0}],unit:[{handleVisualPropsChange:0}],centerText:[{handleVisualPropsChange:0}],centerSubtext:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],legendItems:[{handleVisualPropsChange:0}],analogDamping:[{handleVisualPropsChange:0}],analogFrequency:[{handleVisualPropsChange:0}],analogOvershootAngle:[{handleVisualPropsChange:0}]}}static get style(){return".sc-sy-gauge-chart-h{display:inline-block;position:relative}.sy-gauge-chart.sc-sy-gauge-chart{position:relative;display:block}.sy-gauge-chart__root.sc-sy-gauge-chart{display:block;overflow:visible;user-select:none}.sy-gauge-chart__root.sc-sy-gauge-chart:focus,.sy-gauge-chart__root.sc-sy-gauge-chart:focus-visible{outline:none}.sy-gauge-chart__progress.sc-sy-gauge-chart{transition:stroke 160ms ease}.sy-gauge-chart__needle.sc-sy-gauge-chart{filter:drop-shadow(0 1px 1.5px rgba(15, 23, 42, 0.25))}.sy-gauge-chart__pivot.sc-sy-gauge-chart{stroke:var(--sy-surface, #ffffff);stroke-width:2}.sy-gauge-chart__tick.sc-sy-gauge-chart{stroke-linecap:round}.sy-gauge-chart__tick-label.sc-sy-gauge-chart{dominant-baseline:middle;pointer-events:none;font-weight:600;fill:var(--sy-axis-color, #64748b)}.sy-gauge-chart__value.sc-sy-gauge-chart{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-variant-numeric:tabular-nums}.sy-gauge-chart__value-sub.sc-sy-gauge-chart{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.sy-gauge-chart__title.sc-sy-gauge-chart{fill:var(--sy-axis-color, #1f2937);font-weight:600;text-anchor:middle;dominant-baseline:hanging}.sy-gauge-chart__subtitle.sc-sy-gauge-chart{fill:var(--sy-axis-color, #4b5563);text-anchor:middle;dominant-baseline:hanging}.sy-gauge-chart__tooltip.sc-sy-gauge-chart{position:absolute;z-index:5}.sy-gauge-chart__watermark.sc-sy-gauge-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-gauge-chart__sr-only.sc-sy-gauge-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-gauge-chart__legend.sc-sy-gauge-chart{font-size:12px;color:var(--sy-axis-color, #1f2937);line-height:1.2}.sy-gauge-chart__legend-item.sc-sy-gauge-chart{cursor:pointer;user-select:none}.sy-gauge-chart__legend-item.sc-sy-gauge-chart:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:2px}.sy-gauge-chart__legend-item--disabled.sc-sy-gauge-chart{opacity:.4;text-decoration:line-through}.sy-gauge-chart__legend-swatch.sc-sy-gauge-chart{flex:0 0 auto;display:inline-block;width:10px;height:10px;border-radius:2px}@media (prefers-reduced-motion: reduce){.sy-gauge-chart__progress.sc-sy-gauge-chart{transition:none}}"}},[514,"sy-gauge-chart",{value:[1026],min:[2],max:[2],needles:[1040],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],variant:[1],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],size:[8],centerX:[8,"center-x"],centerY:[8,"center-y"],innerRadius:[8,"inner-radius"],thickness:[2],rings:[16],time:[1],showSeconds:[4,"show-seconds"],color:[1],colors:[16],stops:[16],needleShape:[1,"needle-shape"],needleLength:[8,"needle-length"],needleRearLength:[8,"needle-rear-length"],needleWidth:[2,"needle-width"],pivotRadius:[2,"pivot-radius"],pivotColor:[1,"pivot-color"],plotBands:[1,"plot-bands"],bandThickness:[2,"band-thickness"],bandTrackColor:[1,"band-track-color"],rounded:[4],trackColor:[1,"track-color"],showTicks:[4,"show-ticks"],tickInterval:[8,"tick-interval"],minorTicks:[2,"minor-ticks"],tickLength:[2,"tick-length"],minorTickLength:[2,"minor-tick-length"],tickWidth:[2,"tick-width"],minorTickWidth:[2,"minor-tick-width"],tickColor:[1,"tick-color"],showTickLabels:[4,"show-tick-labels"],tickLabelDistance:[2,"tick-label-distance"],tickLabelColor:[1,"tick-label-color"],tickLabelFontSize:[2,"tick-label-font-size"],tickLabelFormat:[1,"tick-label-format"],showValue:[4,"show-value"],valueDisplay:[1,"value-display"],valueFormat:[1,"value-format"],valueColor:[1,"value-color"],valueFontSize:[2,"value-font-size"],unit:[1],centerText:[1,"center-text"],centerSubtext:[1,"center-subtext"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipShow:[4,"tooltip-show"],tooltipFormat:[16],enableMouseTracking:[4,"enable-mouse-tracking"],tooltip:[8],legend:[4],legendPosition:[1,"legend-position"],legendItems:[16],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],analogDamping:[2,"analog-damping"],analogFrequency:[2,"analog-frequency"],analogOvershootAngle:[2,"analog-overshoot-angle"],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],activeTier:[32],fallbackReason:[32],legendDisabled:[32],gaugeTooltip:[32],gaugeTooltips:[32],srAnnouncement:[32],animationTick:[32],focusedNeedleIndex:[32],redraw:[64],getActiveTier:[64],getValue:[64],setValue:[64],addNeedle:[64],removeNeedle:[64],setRings:[64],setRingValue:[64],updateNeedle:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltip:[64],showTooltipAtValue:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{value:[{handleValueChange:0}],needles:[{handleNeedlesChange:0}],time:[{handleClockPropsChange:0}],showSeconds:[{handleClockPropsChange:0}],rings:[{handleRingsChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationChange:0}],animationDuration:[{handleAnimationChange:0}],animationEasing:[{handleAnimationChange:0}],animationType:[{handleAnimationChange:0}],min:[{handleVisualPropsChange:0}],max:[{handleVisualPropsChange:0}],startAngle:[{handleVisualPropsChange:0}],endAngle:[{handleVisualPropsChange:0}],variant:[{handleVisualPropsChange:0}],size:[{handleVisualPropsChange:0}],centerX:[{handleVisualPropsChange:0}],centerY:[{handleVisualPropsChange:0}],innerRadius:[{handleVisualPropsChange:0}],thickness:[{handleVisualPropsChange:0}],color:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],stops:[{handleVisualPropsChange:0}],trackColor:[{handleVisualPropsChange:0}],rounded:[{handleVisualPropsChange:0}],needleShape:[{handleVisualPropsChange:0}],needleLength:[{handleVisualPropsChange:0}],needleRearLength:[{handleVisualPropsChange:0}],needleWidth:[{handleVisualPropsChange:0}],pivotRadius:[{handleVisualPropsChange:0}],pivotColor:[{handleVisualPropsChange:0}],plotBands:[{handleVisualPropsChange:0}],bandThickness:[{handleVisualPropsChange:0}],bandTrackColor:[{handleVisualPropsChange:0}],showTicks:[{handleVisualPropsChange:0}],tickInterval:[{handleVisualPropsChange:0}],minorTicks:[{handleVisualPropsChange:0}],tickLength:[{handleVisualPropsChange:0}],minorTickLength:[{handleVisualPropsChange:0}],tickWidth:[{handleVisualPropsChange:0}],minorTickWidth:[{handleVisualPropsChange:0}],tickColor:[{handleVisualPropsChange:0}],showTickLabels:[{handleVisualPropsChange:0}],tickLabelDistance:[{handleVisualPropsChange:0}],tickLabelColor:[{handleVisualPropsChange:0}],tickLabelFontSize:[{handleVisualPropsChange:0}],tickLabelFormat:[{handleVisualPropsChange:0}],showValue:[{handleVisualPropsChange:0}],valueDisplay:[{handleVisualPropsChange:0}],valueFormat:[{handleVisualPropsChange:0}],valueColor:[{handleVisualPropsChange:0}],valueFontSize:[{handleVisualPropsChange:0}],unit:[{handleVisualPropsChange:0}],centerText:[{handleVisualPropsChange:0}],centerSubtext:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}],legend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0}],legendItems:[{handleVisualPropsChange:0}],analogDamping:[{handleVisualPropsChange:0}],analogFrequency:[{handleVisualPropsChange:0}],analogOvershootAngle:[{handleVisualPropsChange:0}]}]);function Z(t2){return t2.replace(/[&<>"']/g,(t3=>{switch(t3){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case"'":return"&#39;";default:return t3}}))}function K(){"undefined"!=typeof customElements&&["sy-gauge-chart"].forEach((t2=>{"sy-gauge-chart"===t2&&(customElements.get(a(t2))||customElements.define(a(t2),U))}))}K();const Q=U,J=K;export{Q as SyGaugeChart,J as defineCustomElement};

package/dist/components/sy-grid-standard.d.ts

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

package/dist/components/sy-grid-standard.js

@@ -0,0 +1 @@
+import{p as r,H as s,c as d,h as t,d as e,t as a}from"./p-BPmwlQtL.js";import{s as i,a as o,h as n,c,b as l,g}from"./p-Cr85dazN.js";const y=r(class extends s{constructor(r2){super(),false!==r2&&this.__registerHost(),this.queryComplete=d(this,"queryComplete",7)}rows=[];columns=[];maxRendered=200;messages;selectedRowIds;rowHover="css-only";hoveredRowId=null;cellEditorOverride;cellRenderResolver;queryComplete;sort=null;query="";projected=[];lastComputeMs=0;componentWillLoad(){this.recompute()}async sortBy(r2,s2){this.sort=null===s2?null:void 0!==s2?{column:r2,direction:s2}:this.sort?.column!==r2?{column:r2,direction:"asc"}:"asc"===this.sort.direction?{column:r2,direction:"desc"}:null,this.recompute()}async setQuery(r2){this.query=r2,this.recompute()}async getProjected(){return[...this.projected]}recompute(){const r2=performance.now(),s2=i(this.rows,this.sort,{query:this.query});this.projected=s2,this.lastComputeMs=performance.now()-r2,this.queryComplete.emit({totalRows:s2.length,visibleRows:s2.slice(0,this.maxRendered),computeMs:this.lastComputeMs})}render(){const r2=this.projected,s2=r2.slice(0,this.maxRendered),d2=r2.length>this.maxRendered,a2=this.messages,i2=o({rowCount:r2.length+1,colCount:this.columns.length,busy:false});return t(e,{key:"h","data-row-hover-mode":this.rowHover},t("div",{key:"t",class:"sy-grid__toolbar"},t("input",{key:"f",class:"sy-grid__filter",type:"search",placeholder:a2?.["toolbar.quickFilterPlaceholder"]??"Filter…","aria-label":a2?.["a11y.quickFilterLabel"]??"Search rows",value:this.query,onInput:r3=>{this.setQuery(r3.target.value)}}),t("span",{key:"s",class:"sy-grid__stat"},r2.length.toLocaleString()," / ",this.rows.length.toLocaleString()," rows · ",this.lastComputeMs.toFixed(2)," ms · main-thread")),t("div",{key:"v",class:"sy-grid__scroll",tabindex:"0"},t("table",{key:"g",class:"sy-grid__table",...i2,"aria-label":a2?.["a11y.gridLabel"]??"Data grid"},t("thead",{key:"d"},t("tr",{key:"r",...n()},this.columns.map(((r3,s3)=>{const d3=this.sort?.column===r3.key?this.sort.direction:null;return t("th",{key:r3.key,...c({colIndex:s3,sortDirection:d3,label:r3.label}),style:r3.width?{width:r3.width+"px"}:void 0,onClick:()=>{this.sortBy(r3.key)}},t("span",null,r3.label),this.sort?.column===r3.key&&t("span",{class:"sy-grid__sort-arrow"},"asc"===d3?"▲":"▼"))})))),t("tbody",{key:"b"},s2.map(((r3,s3)=>{const d3=this.selectedRowIds?.has(s3),e2="off"!==this.rowHover&&this.hoveredRowId===s3;return t("tr",{key:s3,class:{"sy-grid__row--selected":true===d3,"sy-grid__row--hovered":"stateful"===this.rowHover&&e2},"data-selected":true===d3?"true":void 0,"data-hovered":e2?"true":void 0,...l(s3,{isSelected:d3,emitRowIndex:true})},this.columns.map(((d4,e3)=>{const a3=this.cellEditorOverride?.(s3,e3)??this.cellRenderResolver?.(s3,e3)??(r3[d4.key]??"")+"";return t("td",{key:d4.key,...g({colIndex:e3,isActive:false})},a3)})))})))),d2&&t("div",{key:"m",class:"sy-grid__truncated"},"… ",(r2.length-this.maxRendered).toLocaleString()," more rows hidden (max-rendered=",this.maxRendered,")")))}static get watchers(){return{rows:[{recompute:0}],columns:[{recompute:0}]}}static get style(){return".sc-sy-grid-standard-h{display:block;background:var(--sy-grid-bg, var(--background-default, #fff));border:1px solid var(--sy-grid-border, var(--border-default, #e5e7eb));border-radius:4px;overflow:hidden;font-size:var(--sy-grid-cell-font-size, 13px);color:var(--sy-grid-text, var(--text-default, #111827))}.sy-grid__toolbar.sc-sy-grid-standard{display:flex;gap:12px;align-items:center;padding:8px 12px;background:var(--sy-grid-toolbar-bg, var(--sy-grid-bg, #fff));border-bottom:1px solid var(--sy-grid-toolbar-border, var(--border-default, #e5e7eb))}.sy-grid__filter.sc-sy-grid-standard{flex:0 0 200px;padding:4px 8px;background:var(--sy-grid-quick-filter-input-bg, #fff);color:var(--sy-grid-quick-filter-input-color, inherit);border:1px solid var(--sy-grid-quick-filter-input-border, #d1d5db);border-radius:4px;font:inherit}.sy-grid__stat.sc-sy-grid-standard,.sy-grid__truncated.sc-sy-grid-standard{color:var(--sy-grid-text-muted, #6b7280);font-size:12px}.sy-grid__stat.sc-sy-grid-standard{font-variant-numeric:tabular-nums}.sy-grid__scroll.sc-sy-grid-standard{max-height:360px;overflow:auto}.sy-grid__table.sc-sy-grid-standard{width:100%;border-collapse:collapse}.sy-grid__table.sc-sy-grid-standard th.sc-sy-grid-standard,.sy-grid__table.sc-sy-grid-standard td.sc-sy-grid-standard{padding:6px var(--sy-grid-cell-padding-x, 12px);text-align:left;border-bottom:1px solid var(--sy-grid-row-border, #f3f4f6)}.sy-grid__table.sc-sy-grid-standard thead.sc-sy-grid-standard th.sc-sy-grid-standard{position:sticky;top:0;background:var(--sy-grid-header-bg, #f9fafb);color:var(--sy-grid-header-color, inherit);cursor:pointer;user-select:none;font-weight:var(--sy-grid-header-font-weight, 600);z-index:1}.sy-grid__table.sc-sy-grid-standard thead.sc-sy-grid-standard th.sc-sy-grid-standard:hover{background:var(--sy-grid-header-bg-hover, #f3f4f6)}.sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sc-sy-grid-standard:nth-child(odd){background:var(--sy-grid-row-bg-odd, #fff)}.sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sc-sy-grid-standard:nth-child(even){background:var(--sy-grid-row-bg-even, #fafbfc)}.sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sc-sy-grid-standard:hover{background:var(--sy-grid-row-bg-hover, #fafbfc)}[data-row-hover-mode=stateful].sc-sy-grid-standard-h .sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sc-sy-grid-standard:hover,[data-row-hover-mode=off].sc-sy-grid-standard-h .sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sc-sy-grid-standard:hover{background:inherit}[data-row-hover-mode=stateful].sc-sy-grid-standard-h .sy-grid__table.sc-sy-grid-standard tbody.sc-sy-grid-standard tr.sy-grid__row--hovered.sc-sy-grid-standard{background:var(--sy-grid-row-bg-hover, #fafbfc)}.sy-grid__sort-arrow.sc-sy-grid-standard{margin-left:6px;font-size:10px;color:var(--sy-grid-sort-indicator-color, #6b7280)}.sy-grid__truncated.sc-sy-grid-standard{padding:8px var(--sy-grid-cell-padding-x, 12px);background:var(--sy-grid-row-bg-even, #fafbfc);border-top:1px solid var(--sy-grid-border, var(--border-default, #e5e7eb))}"}},[514,"sy-grid-standard",{rows:[16],columns:[16],maxRendered:[2,"max-rendered"],messages:[16],selectedRowIds:[16],rowHover:[1,"row-hover"],hoveredRowId:[8,"hovered-row-id"],cellEditorOverride:[16],cellRenderResolver:[16],sort:[32],query:[32],projected:[32],lastComputeMs:[32],sortBy:[64],setQuery:[64],getProjected:[64]},void 0,{rows:[{recompute:0}],columns:[{recompute:0}]}]);function h(){"undefined"!=typeof customElements&&["sy-grid-standard"].forEach((r2=>{"sy-grid-standard"===r2&&(customElements.get(a(r2))||customElements.define(a(r2),y))}))}h();const u=y,b=h;export{u as SyGridStandard,b as defineCustomElement};

package/dist/components/sy-grid.d.ts

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