npm - @syidax/advanced - Versions diffs - 0.0.0-stage → 1.0.1 - Mend

@syidax/advanced 0.0.0-stage → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2206) hide show

package/dist/cjs/sy-dumbbell-chart.cjs.entry.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/cjs/sy-funnel-chart.cjs.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var index=require("./index-CKeHnO3Q.js");var safeFormatter=require("./safe-formatter-B0DDURao.js");var pointContextMenu=require("./point-context-menu-CWB4nv9m.js");var chartStreamingGate=require("./chart-streaming-gate-DX4tlXCx.js");var legend=require("./legend-CbjQG1uh.js");var chartBrand=require("./chart-brand-CEKOnWyE.js");var scheme=require("./scheme-KzZHS7kW.js");var connector=require("./connector-8ebOKxbI.js");var standardEngineStatus=require("./standard-engine-status-C4zMZsEh.js");var number=require("./number-Dq6GiQsL.js");require("./chart-license-bridge-DAODso1A.js");require("./errors-DNua3ZWy.js");require("./brand-mark-default-DvQHU2qS.js");function computeFunnelLayout(options){const pad=Math.max(0,options.outerPadding);const gutter=Math.max(0,options.labelGutter??0);const side=options.labelGutterSide??"left";const x=options.plot.x+pad+(side==="left"?gutter:0);const y=options.plot.y+pad;const width=Math.max(1,options.plot.width-pad*2-gutter);const height=Math.max(1,options.plot.height-pad*2);return{x,y,width,height,cx:x+width/2}}function widthRatioAt(f,profile){const t=f<0?0:f>1?1:f;if(profile.reversed)return t;const neckW=Math.max(0,Math.min(1,profile.neckWidthRatio));const neckH=Math.max(0,Math.min(1,profile.neckHeightRatio));const taperEnd=1-neckH;if(taperEnd<=0)return neckW;if(t<=taperEnd)return 1-(1-neckW)*(t/taperEnd);return neckW}function resolveFunnelSections(options){const{layout,profile}=options;const gap=Math.max(0,options.gap??2);const visible=options.metas.filter(m=>m.visible&&m.value>0);const total=visible.reduce((sum,m)=>sum+m.value,0);const out=[];if(total<=0)return out;const gapTotal=gap*Math.max(0,visible.length-1);const usableH=Math.max(1,layout.height-gapTotal);const minH=Math.max(0,Math.min(options.minSectionHeight??0,usableH/Math.max(1,visible.length)));const variableH=Math.max(0,usableH-minH*visible.length);const scaleFor=options.heightScale;const scaleMode=options.heightScaleMode??"collapse";let cursor=layout.y;for(const m of options.metas){if(!m.visible||m.value<=0){out.push({index:m.index,id:m.id,name:m.name,value:m.value,percentage:0,color:m.color,visible:false,opacity:m.opacity??1,borderColor:m.borderColor,borderWidth:m.borderWidth,borderDash:m.borderDash,labelColor:m.labelColor,yTop:cursor,yBottom:cursor,topHalf:0,bottomHalf:0,midX:layout.cx,midY:cursor});continue}const scale=scaleFor?Math.max(0,Math.min(1,scaleFor(m.id))):1;const fullH=minH+m.value/total*variableH;const h=fullH*scale;const yTop=scaleMode==="bottom-up"?cursor+(fullH-h):cursor;const yBottom=cursor+h+(scaleMode==="bottom-up"?fullH-h:0);const fTop=(yTop-layout.y)/layout.height;const fBottom=(yBottom-layout.y)/layout.height;const topHalf=widthRatioAt(fTop,profile)*layout.width/2;const bottomHalf=widthRatioAt(fBottom,profile)*layout.width/2;out.push({index:m.index,id:m.id,name:m.name,value:m.value,percentage:m.value/total,color:m.color,opacity:m.opacity??1,borderColor:m.borderColor,borderWidth:m.borderWidth,borderDash:m.borderDash,labelColor:m.labelColor,visible:true,yTop,yBottom,topHalf,bottomHalf,midX:layout.cx,midY:(yTop+yBottom)/2});cursor=(scaleMode==="bottom-up"?cursor+fullH:yBottom)+gap}return out}function sectionPath(section,cx){if(!section.visible||section.yBottom-section.yTop<=0)return"";const tl=`${cx-section.topHalf} ${section.yTop}`;const tr=`${cx+section.topHalf} ${section.yTop}`;const br=`${cx+section.bottomHalf} ${section.yBottom}`;const bl=`${cx-section.bottomHalf} ${section.yBottom}`;return`M ${tl} L ${tr} L ${br} L ${bl} Z`}function sectionAtPoint(cssX,cssY,sections,cx){for(const s of sections){if(!s.visible)continue;if(cssY<s.yTop||cssY>s.yBottom)continue;const h=s.yBottom-s.yTop||1;const f=(cssY-s.yTop)/h;const half=s.topHalf+(s.bottomHalf-s.topHalf)*f;if(Math.abs(cssX-cx)<=half)return s}return null}function resolveFunnelSectionMeta(section,index2,fallbackColor){if(typeof section==="number"){return{id:String(index2),name:String(index2),value:Number.isFinite(section)&&section>=0?section:0,color:fallbackColor,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true}}const hasName=typeof section.name==="string"&&section.name.length>0;const rawValue=typeof section.value==="bigint"?Number(section.value):section.value;const value=Number.isFinite(rawValue)&&rawValue>=0?rawValue:0;return{id:section.id!==void 0&&section.id!==null?String(section.id):hasName?section.name:String(index2),name:hasName?section.name:String(index2),value,color:typeof section.color==="string"?section.color:fallbackColor,opacity:typeof section.opacity==="number"?Math.max(0,Math.min(1,section.opacity)):1,borderColor:typeof section.borderColor==="string"?section.borderColor:void 0,borderWidth:typeof section.borderWidth==="number"?Math.max(0,section.borderWidth):void 0,borderDash:Array.isArray(section.borderDash)?section.borderDash:void 0,labelColor:typeof section.labelColor==="string"?section.labelColor:void 0,visible:section.visible!==false}}function normalizeFunnelData(data){if(!Array.isArray(data)||data.length===0)return[];if(data.every(d=>typeof d==="number")){return data.map(v=>({value:v}))}return data}function pickFunnelEngine(options){if(options.requested==="pro"){const reason="no GPU funnel renderer exists";if(pointContextMenu.normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-funnel-chart: Pro engine is unavailable — no GPU funnel renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-funnel-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}function applyFunnelEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createFunnelAnimator(){const entries=new Map;function elapsed(entry,now){if(entry.startedAt<0)return entry.pausedElapsed;if(entry.paused)return entry.pausedElapsed;return Math.max(0,now-entry.startedAt+entry.pausedElapsed)}function rawProgress(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;return applyFunnelEasing(rawProgress(entry,now),entry.easing)},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}function createFunnelStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}const FUNNEL_TOOLTIP_DEFAULTS={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function isPlainObject(value){return Boolean(value)&&typeof value==="object"&&!Array.isArray(value)}function resolveFunnelTooltipConnectorSpec(input){if(input===true)return{show:true};if(input===void 0||input===null||input===false||!isPlainObject(input)){return{show:false}}const partial=input;return{show:partial.show===true,color:typeof partial.color==="string"?partial.color:void 0,width:Number.isFinite(partial.width)&&partial.width>0?partial.width:void 0,dash:Array.isArray(partial.dash)?partial.dash.slice():void 0}}function resolveFunnelTooltipSpec(input){if(input===void 0||input===null||input==="auto"||input===true){return{...FUNNEL_TOOLTIP_DEFAULTS}}if(input==="off"||input===false){return{...FUNNEL_TOOLTIP_DEFAULTS,show:false}}if(!isPlainObject(input)){return{...FUNNEL_TOOLTIP_DEFAULTS}}const partial=input;const style=isPlainObject(partial.style)?Object.fromEntries(Object.entries(partial.style).filter(([,value])=>typeof value==="string"||typeof value==="number")):void 0;const dimension=value=>typeof value==="string"||Number.isFinite(value)&&value>=0?value:void 0;const trigger=value=>value==="click"||value==="hover-click"||value==="hover"?value:FUNNEL_TOOLTIP_DEFAULTS.trigger;const openMode=value=>value==="multiple"?"multiple":FUNNEL_TOOLTIP_DEFAULTS.openMode;return{show:partial.show===false?false:true,openMode:openMode(partial.openMode),trigger:trigger(partial.trigger),side:partial.side,offset:Number.isFinite(partial.offset)&&partial.offset>=0?partial.offset:FUNNEL_TOOLTIP_DEFAULTS.offset,format:typeof partial.format==="function"?partial.format:void 0,html:typeof partial.html==="function"?partial.html:void 0,className:typeof partial.className==="string"?partial.className:void 0,style,width:dimension(partial.width),minWidth:dimension(partial.minWidth),maxWidth:dimension(partial.maxWidth),padding:dimension(partial.padding),interactive:partial.interactive===true,hideOnLeave:partial.hideOnLeave===false?false:true,connector:resolveFunnelTooltipConnectorSpec(partial.connector),draggable:partial.draggable===true}}function funnelTooltipSpecFromLegacy(opts){return{...FUNNEL_TOOLTIP_DEFAULTS,show:opts.show,html:typeof opts.format==="function"?detail=>opts.format(detail):void 0}}function labelText(section,style){const parts=[section.name];if(style.showValue)parts.push(style.formatValue(section.value));if(style.showPercent)parts.push(`${(section.percentage*100).toFixed(1)}%`);return parts.join(" · ")}function estimateTextWidth(text,fontSize){return Array.from(text).reduce((sum,char)=>{const code=char.codePointAt(0)??0;return sum+fontSize*(code>127?.95:.58)},0)}function sectionWidthAtY(section,y){const h=Math.max(1,section.yBottom-section.yTop);const t=Math.max(0,Math.min(1,(y-section.yTop)/h));const half=section.topHalf+(section.bottomHalf-section.topHalf)*t;return half*2}function borderStyle(section){const dash=(section.borderDash??[]).filter(value=>Number.isFinite(value)&&value>0);return{color:section.borderColor??"#ffffff",width:Math.max(0,section.borderWidth??1),dash,explicit:section.borderColor!==void 0||section.borderWidth!==void 0||dash.length>0}}function preferredSharedBorder(a,b){if(a.width<=0&&b.width<=0)return null;if(a.width<=0)return b;if(b.width<=0)return a;const aDashed=a.dash.length>0;const bDashed=b.dash.length>0;if(aDashed!==bDashed)return aDashed?a:b;if(a.explicit!==b.explicit)return a.explicit?a:b;if(a.width!==b.width)return a.width>b.width?a:b;return b}function lineFromStyle(key,sectionIds,x1,y1,x2,y2,style){if(!style||style.width<=0)return null;return{key,sectionIds,x1,y1,x2,y2,color:style.color,width:style.width,dash:style.dash.length>0?style.dash:void 0}}function resolveBorderVisuals(sections,cx){const visible=sections.filter(s=>s.visible&&s.yBottom-s.yTop>0);const out=[];for(const section of visible){const style=borderStyle(section);const left=lineFromStyle(`bd:${section.id}:left`,[section.id],cx-section.topHalf,section.yTop,cx-section.bottomHalf,section.yBottom,style);const right=lineFromStyle(`bd:${section.id}:right`,[section.id],cx+section.topHalf,section.yTop,cx+section.bottomHalf,section.yBottom,style);if(left)out.push(left);if(right)out.push(right)}for(let i=0;i<visible.length;i++){const section=visible[i];const own=borderStyle(section);const prev=visible[i-1];const next=visible[i+1];const topStyle=prev?preferredSharedBorder(borderStyle(prev),own):own;const topY=prev?(prev.yBottom+section.yTop)/2:section.yTop;const topHalf=prev?Math.max(prev.bottomHalf,section.topHalf):section.topHalf;const top=lineFromStyle(`bd:${prev?`${prev.id}:`:""}${section.id}:top`,prev?[prev.id,section.id]:[section.id],cx-topHalf,topY,cx+topHalf,topY,topStyle);if(top)out.push(top);if(!next){const bottom=lineFromStyle(`bd:${section.id}:bottom`,[section.id],cx-section.bottomHalf,section.yBottom,cx+section.bottomHalf,section.yBottom,own);if(bottom)out.push(bottom)}}return out}function insideLabelWidth(section,fontSize){const halfTextHeight=fontSize/2;const y1=Math.max(section.yTop,section.midY-halfTextHeight);const y2=Math.min(section.yBottom,section.midY+halfTextHeight);return Math.min(sectionWidthAtY(section,section.midY),sectionWidthAtY(section,y1),sectionWidthAtY(section,y2))}function resolveOutsideLabelCollisions(labels,layout){const outside=labels.filter(label=>label.leader).sort((a,b)=>a.y-b.y);if(outside.length<2)return labels;const rowGap=Math.max(14,...outside.map(label=>label.fontSize+2));const minY=layout.y+rowGap/2;const maxY=layout.y+layout.height-rowGap/2;const placed=outside.map(label=>({key:label.key,y:Math.min(maxY,Math.max(minY,label.y))}));for(let i=1;i<placed.length;i++){placed[i].y=Math.max(placed[i].y,placed[i-1].y+rowGap)}const overflow=placed[placed.length-1].y-maxY;if(overflow>0){for(const p of placed)p.y-=overflow}for(let i=placed.length-2;i>=0;i--){placed[i].y=Math.min(placed[i].y,placed[i+1].y-rowGap)}for(const p of placed){p.y=Math.min(maxY,Math.max(minY,p.y))}const yByKey=new Map(placed.map(p=>[p.key,p.y]));return labels.map(label=>{const y=yByKey.get(label.key);if(y===void 0||!label.leader)return label;return{...label,y,leader:{...label.leader,y2:y}}})}function prepareFunnelLayout(options){const{layout,style}=options;const{cx}=layout;let sectionCount=0;const sectionVisuals=options.sections.map(s=>{if(s.visible&&s.yBottom-s.yTop>0)sectionCount++;return{key:s.id,id:s.id,name:s.name,value:s.value,percentage:s.percentage,color:s.color,opacity:s.opacity,borderColor:s.borderColor,borderWidth:s.borderWidth,borderDash:s.borderDash,visible:s.visible,path:sectionPath(s,cx),midX:s.midX,midY:s.midY}});const borderVisuals=resolveBorderVisuals(options.sections,cx);const labelVisuals=[];if(style.labelPlacement!=="none"){const pushOutside=(s,text,side,tipX)=>{const right=side==="right";const half=(s.topHalf+s.bottomHalf)/2;const edge=right?cx+half:cx-half;const tip=tipX??(right?layout.x+layout.width+4:layout.x-4);labelVisuals.push({key:`lbl:${s.id}`,x:tip,y:s.midY,text,anchor:right?"start":"end",color:s.labelColor??style.labelColor,fontSize:style.labelFontSize,leader:{x1:edge,y1:s.midY,x2:tip,y2:s.midY}})};for(const s of options.sections){if(!s.visible||s.yBottom-s.yTop<=0)continue;const text=labelText(s,style);if(style.labelPlacement==="inside"){const innerWidth=insideLabelWidth(s,style.labelFontSize)-10;const estTextWidth=estimateTextWidth(text,style.labelFontSize);const fitsInside=s.yBottom-s.yTop>=style.labelFontSize+4&&estTextWidth<=innerWidth;if(fitsInside){labelVisuals.push({key:`lbl:${s.id}`,x:cx,y:s.midY,text,anchor:"middle",color:s.labelColor??style.insideLabelColor,fontSize:style.labelFontSize})}else{const tipX=cx+Math.max(s.topHalf,s.bottomHalf)+8;pushOutside(s,text,"right",tipX)}}else{pushOutside(s,text,style.labelPlacement==="left"?"left":"right")}}}return{layout,sectionVisuals,borderVisuals,labelVisuals:resolveOutsideLabelCollisions(labelVisuals,layout),sectionCount}}const syFunnelChartCss=()=>`.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}}`;const REVEAL_KEY="reveal";const MORPH_KEY="morph";const TITLE_LINE_HEIGHT=22;const SUBTITLE_LINE_HEIGHT=16;const TITLE_CONTENT_GAP=8;function funnelTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function funnelTooltipCssValue(key,value){if(typeof value==="number"){const unitless=new Set(["opacity","zIndex","fontWeight","lineHeight","flexGrow","flexShrink"]);return unitless.has(key)?String(value):`${value}px`}return value}const SyFunnelChart=class{constructor(hostRef){index.registerInstance(this,hostRef);this.rendered=index.createEvent(this,"rendered",7);this.sectionClick=index.createEvent(this,"sectionClick",7);this.sectionHover=index.createEvent(this,"sectionHover",7);this.pointContextMenu=index.createEvent(this,"pointContextMenu",7);this.tooltipShown=index.createEvent(this,"tooltipShow",7);this.tooltipHide=index.createEvent(this,"tooltipHide",7);this.tooltipAction=index.createEvent(this,"tooltipAction",7);this.legendItemClick=index.createEvent(this,"legendItemClick",7);this.sectionToggled=index.createEvent(this,"sectionToggled",7);this.appended=index.createEvent(this,"appended",7);this.windowSlid=index.createEvent(this,"windowSlid",7);this.chartAnimationStart=index.createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=index.createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=index.createEvent(this,"chartAnimationInterrupted",7)}get host(){return index.getElement(this)}data=[];width=420;height=360;brandLogo;brandPosition="bottom-right";reversed=false;neckWidth=.3;neckHeight=.25;gap=2;color="#2563eb";colors;labelPlacement="inside";labelColor="#374151";insideLabelColor="#ffffff";labelFontSize=12;showValue=true;showPercent=false;valueFormat;leaderColor="#cbd5e1";chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;inactiveOtherSections=false;inactiveSectionOpacity=.3;activeSectionIndex;legend=false;legendPosition="bottom";legendItems;animated=false;animationDuration=700;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;sectionClick;sectionHover;pointContextMenu;tooltipShown;tooltipHide;tooltipAction;legendItemClick;sectionToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;funnelTooltip=null;funnelTooltips=[];srAnnouncement="";animationTick=0;focusedSectionId=null;hoverSectionId=null;animator=createFunnelAnimator();animationFrameHandle=null;stopAnimationLoopImpl;morphPrev=new Map;morphActive=false;lastStreamEventAt;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new chartStreamingGate.ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingGate.chartStreamingInput(this,"plain-fallback"),active:()=>this.boundStreamSource!==void 0,onChange:()=>this.handleStreamLicenseChange()});internalStreamData;suppressNextDataAnimation=false;lastRenderResult={sections:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.bindStreamSource();const source=this.activeStreamSource();if(source)this.handleStreamEvent({type:"replace",count:source.length})}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(null))this.startReveal()}componentDidRender(){if(this.detached)return;if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}this.measureFunnelTooltipBox()}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear();this.tooltipDrag=void 0}handleDataChange(_next,prev){if(this.suppressNextDataAnimation){this.suppressNextDataAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph(prev);else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(null))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}handleVisualPropsChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async addSection(section,opts){const next=normalizeFunnelData(this.data).slice();const at=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.floor(opts.insertAt):next.length;next.splice(at,0,typeof section==="number"?{value:section}:section);this.data=next;return at}async removeSection(idOrIndex){const next=normalizeFunnelData(this.data).slice();const idx=this.resolveSectionIndex(idOrIndex,next);if(idx<0)return false;next.splice(idx,1);this.data=next;return true}async updateSection(idOrIndex,patch){const next=normalizeFunnelData(this.data).slice();const idx=this.resolveSectionIndex(idOrIndex,next);if(idx<0)return false;next[idx]={...next[idx],...patch};this.data=next;return true}async appendPoint(section){const spec=typeof section==="number"?{value:section}:section;await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(spec);return}this.data=[...normalizeFunnelData(this.data),spec]})}async appendBatch(sections){if(!Array.isArray(sections)||sections.length===0)return;const specs=sections.map(s=>typeof s==="number"?{value:s}:s);await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(specs);return}this.data=[...normalizeFunnelData(this.data),...specs];this.appended.emit({count:specs.length})})}async shift(count=1){await this.streamLicense.run("shift",()=>{const source=this.activeStreamSource();if(source){source.shift(count);return}this.windowSlid.emit({dropped:0})})}async replace(sections){const specs=(Array.isArray(sections)?sections:[]).map(s=>typeof s==="number"?{value:s}:s);await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(specs);return}this.data=specs})}async getStreamSource(){return this.streamLicense.run("getStreamSource",()=>this.activeStreamSource())}async setAnimation(options){if(!options)return;if(Number.isFinite(options.duration))this.animationDuration=options.duration;if(options.easing)this.animationEasing=options.easing;if(options.type)this.animationType=options.type;if(typeof options.enabled==="boolean"){if(!options.enabled&&this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animated=options.enabled;if(!options.enabled){this.animator.clear();this.morphActive=false;this.stopAnimationLoop();this.animationTick++}}}async pauseAnimation(){this.animator.pauseAll(this.now());this.stopAnimationLoop()}async resumeAnimation(){this.animator.resumeAll(this.now());if(this.animator.hasActive())this.startAnimationLoop()}async replayAnimation(){if(!this.shouldAnimate())return;this.startReveal()}async hitTest(cssX,cssY){const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,1);const hit=sectionAtPoint(cssX,cssY,sections,layout.cx);return hit?this.buildPointerDetail(hit):null}async showTooltipAt(idOrIndex){const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,1);const section=this.findSection(idOrIndex,sections);if(!section)return null;const spec=this.effectiveTooltipSpec();if(!spec.show)return null;const detail=this.buildPointerDetail(section);this.showTooltipForSection(section,detail,spec,spec.openMode==="multiple");return detail}async hideTooltip(){this.clearTooltips()}now(){return typeof performance!=="undefined"?performance.now():0}prefersReducedMotion(){return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}shouldAnimate(){if(this.detached)return false;return this.animated&&!this.prefersReducedMotion()}shouldInitialAnimation(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="initial"}shouldUpdateAnimation(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="update"}resolveAnimationType(previous){if(this.animationType)return this.animationType;return this.hasAnimationBaseline(previous)?"update":"initial"}hasAnimationBaseline(input){return Array.isArray(input)&&input.length>0}palette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const scheme$1=scheme.categorical.tableau10;return scheme.discretize(scheme$1,Math.max(scheme$1.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}profile(){return{reversed:this.reversed,neckWidthRatio:this.neckWidth,neckHeightRatio:this.neckHeight}}resolveSectionIndex(idOrIndex,list){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<list.length?idx:-1}for(let i=0;i<list.length;i++){const s=list[i];if(s.id!==void 0&&String(s.id)===idOrIndex)return i;if(s.name===idOrIndex)return i}return-1}findSection(idOrIndex,sections){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex))return sections.find(s=>s.index===Math.floor(idOrIndex));return sections.find(s=>s.id===idOrIndex||s.name===idOrIndex)}effectiveActiveSectionId(sections){if(typeof this.activeSectionIndex==="number"&&Number.isFinite(this.activeSectionIndex)&&this.activeSectionIndex>=0){const idx=Math.trunc(this.activeSectionIndex);const section=sections.find(s=>s.index===idx);return section&&section.visible?section.id:null}return this.focusedSectionId??this.hoverSectionId}sectionClassName(sectionId,activeSectionId){const classes=["sy-funnel-chart__section"];if(activeSectionId!==null){if(activeSectionId===sectionId)classes.push("sy-funnel-chart__section--active");else if(this.inactiveOtherSections)classes.push("sy-funnel-chart__section--inactive")}return classes.join(" ")}sectionOpacity(sectionId,baseOpacity,activeSectionId){const opacity=Math.max(0,Math.min(1,baseOpacity));if(!this.inactiveOtherSections||activeSectionId===null||sectionId===activeSectionId)return opacity;const dim=Math.max(0,Math.min(1,this.inactiveSectionOpacity));return Math.min(opacity,dim)}borderOpacity(sectionIds,activeSectionId){if(!this.inactiveOtherSections||activeSectionId===null)return 1;if(sectionIds.includes(activeSectionId))return 1;return Math.max(0,Math.min(1,this.inactiveSectionOpacity))}numberFormatter(spec){if(spec){try{return number.format(spec)}catch{}}return v=>Number.isInteger(v)?String(v):String(Math.round(v*100)/100)}layoutForDraw(){const legend2=this.legend?this.buildLegendLayout():null;let plot=this.plotRectFromLegend(legend2);if(legend2&&(this.legendPosition==="top"||this.legendPosition==="bottom")){const gap=14;plot={...plot,y:plot.y+(this.legendPosition==="top"?gap:0),height:Math.max(1,plot.height-gap)}}const outsideLabels=this.labelPlacement==="right"||this.labelPlacement==="left";const labelGutter=outsideLabels?this.estimatedOutsideLabelGutter(plot.width):0;const gutter=outsideLabels?Math.min(labelGutter,Math.max(0,plot.width*.6)):0;return computeFunnelLayout({plot,outerPadding:8,labelGutter:gutter,labelGutterSide:this.labelPlacement==="right"?"right":"left"})}resolveSectionsForDraw(layout,revealScale){const palette=this.palette();const specs=normalizeFunnelData(this.data);const now=this.now();const morphT=this.morphActive?this.animator.progressAt(MORPH_KEY,now)??1:1;const targetMetas=specs.map((spec,i)=>{const r=resolveFunnelSectionMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{index:i,...r}});let metas=targetMetas;if(this.morphActive&&this.morphPrev.size>0){const targetIds=new Set(targetMetas.map(m=>m.id));const exiting=[...this.morphPrev.keys()].filter(id=>!targetIds.has(id)).map((id,k)=>({index:-1-k,id,name:id,value:0,color:this.color,opacity:1,borderColor:void 0,borderWidth:void 0,borderDash:void 0,labelColor:void 0,visible:true}));metas=[...exiting,...targetMetas].map(m=>{const from=this.morphPrev.get(m.id);const fromV=typeof from==="number"?from:0;const toV=targetIds.has(m.id)?m.value:0;return{...m,value:fromV+(toV-fromV)*morphT}})}const revealScales=revealScale<1?this.sectionRevealScales(metas,revealScale):void 0;return resolveFunnelSections({metas:metas.map(m=>({...m,visible:m.visible&&!this.legendDisabled.has(m.id)})),layout,profile:this.profile(),gap:this.gap,heightScale:revealScales?id=>revealScales.get(id)??0:void 0,heightScaleMode:revealScales?"bottom-up":"collapse",minSectionHeight:this.labelPlacement==="inside"?Math.max(20,this.labelFontSize+10):0})}estimatedOutsideLabelGutter(plotWidth){const specs=normalizeFunnelData(this.data).filter(s=>s.visible!==false);const total=specs.reduce((sum,s)=>sum+Math.max(0,Number.isFinite(s.value)?s.value:0),0);const formatValue=this.numberFormatter(this.valueFormat);const maxTextWidth=specs.reduce((max,section,index2)=>{const parts=[section.name||String(index2)];if(this.showValue)parts.push(formatValue(Number.isFinite(section.value)?section.value:0));if(this.showPercent){const value=Math.max(0,Number.isFinite(section.value)?section.value:0);parts.push(`${(total>0?value/total*100:0).toFixed(1)}%`)}const text=parts.join(" · ");const width=Array.from(text).reduce((sum,char)=>{const code=char.codePointAt(0)??0;return sum+this.labelFontSize*(code>127?.9:.52)},0);return Math.max(max,width)},0);const minimum=Math.max(168,this.labelFontSize*16);return Math.min(Math.max(minimum,maxTextWidth+18),Math.max(0,plotWidth*.6))}sectionRevealScales(metas,revealScale){const visible=metas.filter(m=>m.visible&&m.value>0);const count=visible.length;const out=new Map;if(count<=0)return out;const progress=Math.max(0,Math.min(1,revealScale))*count;visible.forEach((m,topIndex)=>{const bottomUpRank=count-1-topIndex;out.set(m.id,Math.max(0,Math.min(1,progress-bottomUpRank)))});return out}startReveal(){this.morphActive=false;this.animator.clear();const duration=Math.max(0,this.animationDuration);if(duration<=0){this.animationTick++;return}this.animator.start(REVEAL_KEY,{duration,easing:this.animationEasing});this.chartAnimationStart.emit();this.startAnimationLoop()}displayedValuesFor(data){const palette=this.palette();const targets=normalizeFunnelData(data).map((spec,i)=>{const r=resolveFunnelSectionMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{id:r.id,value:r.visible&&!this.legendDisabled.has(r.id)?r.value:0}});const out=new Map;const inFlight=this.morphActive&&this.animator.has(MORPH_KEY);if(!inFlight){for(const t of targets)out.set(t.id,t.value);return out}const morphT=this.animator.progressAt(MORPH_KEY,this.now())??1;const targetVal=new Map(targets.map(t=>[t.id,t.value]));const ids=new Set([...this.morphPrev.keys(),...targetVal.keys()]);for(const id of ids){const fromV=this.morphPrev.get(id)??0;const toV=targetVal.get(id)??0;out.set(id,fromV+(toV-fromV)*morphT)}return out}startMorph(prevData,opts={}){this.morphPrev=this.displayedValuesFor(prevData);const streaming=opts.streaming===true;const duration=this.morphDuration(streaming);const easing=streaming?"linear":this.animationEasing;this.animator.cancel(REVEAL_KEY);if(duration<=0){this.morphActive=false;this.animationTick++;return}const wasActive=this.animator.hasActive();this.morphActive=true;this.animator.start(MORPH_KEY,{duration,easing});if(!wasActive)this.chartAnimationStart.emit();this.startAnimationLoop()}currentRevealScale(){if(this.animator.has(REVEAL_KEY))return this.animator.progressAt(REVEAL_KEY,this.now())??1;return 1}morphDuration(streaming){if(!streaming)return Math.max(0,this.animationDuration);const now=this.now();const interval=this.lastStreamEventAt!==void 0?now-this.lastStreamEventAt:Infinity;this.lastStreamEventAt=now;return Number.isFinite(interval)?Math.max(1,Math.min(interval,this.animationDuration)):Math.max(0,this.animationDuration)}startAnimationLoop(){if(this.animationFrameHandle!==null)return;const schedule=typeof requestAnimationFrame==="function"?requestAnimationFrame:(cb=>setTimeout(()=>cb(this.now()),16));const cancel=typeof cancelAnimationFrame==="function"?cancelAnimationFrame:(id=>clearTimeout(id));const tick=now=>{this.animationFrameHandle=null;this.animator.tick(now);const stillRunning=this.animator.hasActive();if(!stillRunning)this.morphActive=false;this.animationTick++;if(stillRunning){this.animationFrameHandle=schedule(tick)}else{this.chartAnimationEnd.emit()}};this.animationFrameHandle=schedule(tick);this.stopAnimationLoopImpl=()=>{if(this.animationFrameHandle!==null){cancel(this.animationFrameHandle);this.animationFrameHandle=null}}}stopAnimationLoop(){this.stopAnimationLoopImpl?.();this.animationFrameHandle=null}activeStreamSource(){const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();if(route!=="stream")return void 0;if(this.streamSource)return this.streamSource;return this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax)){this.dropInternalStreamSource();return void 0}const capacity=Math.max(1,Math.floor(this.streamMax));if(this.internalStreamSource&&this.internalStreamCapacity===capacity)return this.internalStreamSource;this.internalStreamCapacity=capacity;this.internalStreamSource=createFunnelStreamSource({initial:normalizeFunnelData(this.data)});this.internalStreamData=this.data;return this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;this.internalStreamData=void 0}bindStreamSource(){if(this.detached)return;const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();let source=route==="stream"?this.streamSource??this.ensureInternalStreamSource():void 0;if(source===this.boundStreamSource)return;if(source!==void 0&&source===this.internalStreamSource&&this.data!==this.internalStreamData){this.dropInternalStreamSource();source=this.ensureInternalStreamSource()}this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;if(!source)return;this.boundStreamSource=source;this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(event))}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamData(){if(this.boundStreamSource!==void 0&&this.boundStreamSource===this.internalStreamSource)this.internalStreamData=this.data}handleStreamEvent(event){if(!this.boundStreamSource)return;const snapshot=this.boundStreamSource.snapshot();if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});else if(event.type==="shift")this.windowSlid.emit({dropped:event.count});if(this.dataMatchesSnapshot(snapshot))return;const prev=this.data;this.suppressNextDataAnimation=true;this.data=snapshot;this.noteStreamData();if(this.shouldInitialAnimation(prev))this.startReveal();else if(this.shouldUpdateAnimation(prev))this.startMorph(prev,{streaming:true});else this.animationTick++}dataMatchesSnapshot(snapshot){const current=normalizeFunnelData(this.data);if(current.length!==snapshot.length)return false;return current.every((section,index2)=>this.sectionsEqual(section,snapshot[index2]))}sectionsEqual(a,b){if(!b)return false;if(a.value!==b.value)return false;if(a.id!==b.id)return false;if(a.name!==b.name)return false;if(a.color!==b.color)return false;if(a.opacity!==b.opacity)return false;if(a.borderColor!==b.borderColor)return false;if(a.borderWidth!==b.borderWidth)return false;if(a.labelColor!==b.labelColor)return false;if(a.visible!==b.visible)return false;const aDash=a.borderDash??[];const bDash=b.borderDash??[];if(aDash.length!==bDash.length)return false;return aDash.every((value,index2)=>value===bDash[index2])}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const palette=this.palette();return normalizeFunnelData(this.data).map((spec,i)=>{const r=resolveFunnelSectionMeta(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{label:r.name,swatchColor:r.color,swatchShape:"square",disabled:this.legendDisabled.has(r.id),id:r.id,seriesIndex:i}})}legendShouldAvoidLabelOverlap(labels){if(this.legendPosition!=="left"&&this.legendPosition!=="right")return false;const sideAnchor=this.legendPosition==="right"?"start":"end";return labels.some(label=>label.leader!==void 0&&label.anchor===sideAnchor)}buildLegendLayout(options={}){const items=this.buildLegendItems();if(!items.length)return null;const top=this.titleGutter();const sideLegend=this.legendPosition==="left"||this.legendPosition==="right";const avoidLabelOverlap=options.avoidLabelOverlap===true;const layout=legend.computeLegendLayout({outerWidth:this.width,outerHeight:Math.max(1,this.height-top),items,position:this.legendPosition,direction:this.legendPosition==="top"||this.legendPosition==="bottom"?"horizontal":"vertical",align:sideLegend&&avoidLabelOverlap?"start":"center",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:10,swatchLabelGap:6,rowGap:6,wrap:true});if(top<=0)return layout;return{...layout,legendRect:layout.legendRect?{...layout.legendRect,y:layout.legendRect.y+top}:layout.legendRect,itemRects:layout.itemRects.map(r=>({...r,y:r.y+top,swatchRect:{...r.swatchRect,y:r.swatchRect.y+top},labelRect:{...r.labelRect,y:r.labelRect.y+top}})),remainingOuter:{...layout.remainingOuter,y:layout.remainingOuter.y+top}}}titleGutter(){let g=0;if(this.chartTitle)g+=TITLE_LINE_HEIGHT;if(this.chartSubtitle)g+=SUBTITLE_LINE_HEIGHT;if(g>0)g+=TITLE_CONTENT_GAP;return g}plotRectFromLegend(legend2){if(!legend2?.remainingOuter){const top=this.titleGutter();return{x:0,y:top,width:Math.max(1,this.width),height:Math.max(1,this.height-top)}}return{x:legend2.remainingOuter.x,y:legend2.remainingOuter.y,width:Math.max(1,legend2.remainingOuter.width),height:Math.max(1,legend2.remainingOuter.height)}}onLegendItemClick=(index2,sectionId,label)=>{const disabled=!this.legendDisabled.has(sectionId);const next=new Set(this.legendDisabled);if(disabled)next.add(sectionId);else next.delete(sectionId);this.legendDisabled=next;this.legendItemClick.emit({index:index2,sectionId,label,disabled});this.sectionToggled.emit({index:index2,sectionId,disabled})};onLegendKeyDown=(ev,index2,sectionId,label)=>{if(ev.key!=="Enter"&&ev.key!==" ")return;ev.preventDefault();this.onLegendItemClick(index2,sectionId,label)};buildPointerDetail(section){return{index:section.index,id:section.id,name:section.name,value:section.value,percentage:section.percentage,cssX:section.midX,cssY:section.midY}}sectionAriaLabel(section){const pct=Math.round(section.percentage*1e3)/10;return`${section.name}: ${section.value} (${pct}%)`}navigableSections(){const layout=this.layoutForDraw();return this.resolveSectionsForDraw(layout,this.currentRevealScale()).filter(s=>s.visible&&s.yBottom-s.yTop>0)}announceFocusedSection(section){this.focusedSectionId=section.id;this.srAnnouncement=this.sectionAriaLabel(section);if(this.enableMouseTracking)this.sectionHover.emit(this.buildPointerDetail(section))}moveSectionFocus(delta){const sections=this.navigableSections();if(sections.length===0)return;let idx=sections.findIndex(s=>s.id===this.focusedSectionId);if(idx<0)idx=delta>0?-1:0;idx=(idx+delta+sections.length)%sections.length;this.announceFocusedSection(sections[idx])}pointerFocusing=false;onChartPointerDown=()=>{this.pointerFocusing=true;setTimeout(()=>{this.pointerFocusing=false},0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(this.focusedSectionId!==null)return;const first=this.navigableSections()[0];if(first)this.announceFocusedSection(first)};onChartBlur=()=>{this.focusedSectionId=null};onChartKeyDown=ev=>{switch(ev.key){case"ArrowRight":case"ArrowDown":ev.preventDefault();this.moveSectionFocus(1);break;case"ArrowLeft":case"ArrowUp":ev.preventDefault();this.moveSectionFocus(-1);break;case"Home":{ev.preventDefault();const first=this.navigableSections()[0];if(first)this.announceFocusedSection(first);break}case"End":{ev.preventDefault();const sections=this.navigableSections();const last=sections[sections.length-1];if(last)this.announceFocusedSection(last);break}case"Enter":case" ":{if(this.focusedSectionId===null)return;ev.preventDefault();const section=this.navigableSections().find(s=>s.id===this.focusedSectionId);if(section)this.sectionClick.emit(this.buildPointerDetail(section));break}case"Escape":this.focusedSectionId=null;this.clearHover();break}};tooltipHtml(detail){const fmt=this.numberFormatter(this.valueFormat);return`${escapeHtml(detail.name)} ${fmt(detail.value)} (${(detail.percentage*100).toFixed(1)}%)`}plainTooltipText(detail){return`${detail.name} · ${detail.value} (${(detail.percentage*100).toFixed(1)}%)`}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveFunnelTooltipSpec(this.tooltip);return funnelTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}hasVisibleTooltips(){return this.funnelTooltip!==null||this.funnelTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.funnelTooltip=null;this.funnelTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForSection(_section,detail,spec,allowMultiple){const context={...detail};const side=spec.side??"top";const text=spec.format?safeFormatter.safeChartFormatter(spec.format,[detail,context],()=>this.plainTooltipText(detail),"tooltip.format",spec):this.plainTooltipText(detail);const html=spec.html?safeFormatter.safeChartFormatter(spec.html,[detail,context],()=>void 0,"tooltip.html",spec):spec.format?void 0:this.tooltipHtml(detail);const locked=this.lockedTooltipPositionForDetail(detail,spec);const renderedSide=locked?.side??side;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,locked.box,spec.offset):{cssX:detail.cssX,cssY:detail.cssY};const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:detail.cssX,pointCssY:detail.cssY,box:locked?.box,side:renderedSide,text,html,className:spec.className,style:this.tooltipStyleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&spec.openMode==="multiple"){this.funnelTooltip=rendered;this.funnelTooltips=[...this.funnelTooltips,rendered]}else{this.funnelTooltips=[];this.funnelTooltip=rendered}const eventDetail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html,context};this.tooltipShown.emit(eventDetail);return eventDetail}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}positionedFunnelTooltip(tooltip=this.funnelTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=connector.computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,cssX:anchor.cssX,cssY:anchor.cssY,side:placement.side}}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKey(index2){return String(index2)}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKey(tooltip.context.index),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForDetail(detail,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKey(detail.index));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positionedFunnelTooltip();if(!tooltip?.box||tooltip.context.index!==detail.index)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}lockedTooltipFromElement(tooltip,element){const rendered=this.positionedFunnelTooltip(tooltip)??tooltip;const rect=element.getBoundingClientRect();const measuredBox=Number.isFinite(rect.width)&&Number.isFinite(rect.height)?{width:Math.round(rect.width*100)/100,height:Math.round(rect.height*100)/100}:void 0;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=tooltip.box??rendered.box??measuredBox;const next={...tooltip,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));return next}updateRenderedTooltip(next){if(this.funnelTooltip?.id===next.id)this.funnelTooltip=next;if(this.funnelTooltips.some(entry=>entry.id===next.id)){this.funnelTooltips=this.funnelTooltips.map(entry=>entry.id===next.id?next:entry)}this.rememberDraggableTooltipPosition(next)}measureFunnelTooltipBox(){if(this.funnelTooltips.length>0)return;const tooltip=this.funnelTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const lock=tooltip.positionLock??(tooltip.interactive?this.tooltipTopLeftFromElement(element):void 0);const next={...tooltip,box,positionLock:lock};if(lock){Object.assign(next,this.tooltipAnchorFromPositionLock(lock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.funnelTooltip=next}localPoint(ev){const rect=this.host.getBoundingClientRect();return{x:ev.clientX-rect.left,y:ev.clientY-rect.top}}onChartMove=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit){this.clearHover();return}this.hoverSectionId=hit.id;const detail=this.buildPointerDetail(hit);this.sectionHover.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForSection(hit,detail,spec,false)}};onChartLeave=()=>{this.clearHover()};onChartClick=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit){this.hoverSectionId=null;if(this.hasVisibleTooltips())this.clearTooltips();return}this.hoverSectionId=hit.id;const detail=this.buildPointerDetail(hit);this.sectionClick.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForSection(hit,detail,spec,true)}};onPointContextMenu=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const p=this.localPoint(ev);const hit=sectionAtPoint(p.x,p.y,sections,layout.cx);if(!hit)return;ev.preventDefault();ev.stopPropagation();this.pointContextMenu.emit(pointContextMenu.buildChartPointContextMenuDetail(ev,this.host,this.reversed?"pyramid":"funnel",this.buildPointerDetail(hit),{index:0,id:this.reversed?"pyramid":"funnel",name:this.chartTitle??(this.reversed?"Pyramid":"Funnel")}))};clearHover(){const hadHover=this.hoverSectionId!==null;this.hoverSectionId=null;this.sectionHover.emit(null);if(this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec()))this.clearTooltips();if(hadHover)this.animationTick++}handleTooltipActionClick=ev=>{const target=ev.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipElement=actionTarget?.closest?.("[data-tooltip-id]");const tooltipId=Number(tooltipElement?.getAttribute("data-tooltip-id"));let tooltip=this.funnelTooltips.find(entry=>entry.id===tooltipId)??this.funnelTooltip;if(!action||!tooltip)return;if(tooltipElement&&(tooltip.interactive||tooltip.draggable)){tooltip=this.lockedTooltipFromElement(tooltip,tooltipElement);this.updateRenderedTooltip(tooltip)}ev.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.funnelTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const next=this.lockedTooltipFromElement(this.funnelTooltip,element);const lock=next.positionLock??{x:next.cssX,y:next.cssY};this.funnelTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.funnelTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.funnelTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.funnelTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.funnelTooltip)this.rememberDraggableTooltipPosition(this.funnelTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};accessibleSummary(sections){const visible=sections.filter(s=>s.visible);const title=this.chartTitle?`${this.chartTitle}. `:"";const kind=this.reversed?"Pyramid":"Funnel";const names=visible.map(s=>s.name).join(", ");return`${title}${kind} chart, ${visible.length} sections (${names}).`}render(){const renderStart=this.now();const decision=pickFunnelEngine({requested:this.engine,onUnavailable:this.unavailable});if(decision.tier!==this.activeTier)this.activeTier=decision.tier;if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;const layout=this.layoutForDraw();const sections=this.resolveSectionsForDraw(layout,this.currentRevealScale());const fmt=this.numberFormatter(this.valueFormat);const style={labelPlacement:this.labelPlacement,labelColor:this.labelColor,insideLabelColor:this.insideLabelColor,labelFontSize:this.labelFontSize,showValue:this.showValue,showPercent:this.showPercent,leaderColor:this.leaderColor,formatValue:fmt};const visual=prepareFunnelLayout({layout,sections,style});const activeSectionId=this.effectiveActiveSectionId(sections);this.lastRenderResult={sections:visual.sectionCount,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;const legendLayout=this.legend?this.buildLegendLayout({avoidLabelOverlap:this.legendShouldAvoidLabelOverlap(visual.labelVisuals)}):null;return index.h(index.Host,{key:"9973c3565957fbda08ad51752520ec15d10a4753","data-sy-brand-host":"chart"},index.h("div",{key:"98d2658d28adf805af949ff1edbb2a2ebc8797e0",class:"sy-funnel-chart",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"},onMouseLeave:()=>this.onChartLeave()},index.h("svg",{key:"3ce44645508e791923972ed2d4cad6c07a37ce7e",class:"sy-funnel-chart__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,role:"application","aria-roledescription":this.reversed?"Pyramid chart":"Funnel chart","aria-label":this.accessibleSummary(sections),tabindex:0,onKeyDown:e=>this.onChartKeyDown(e),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onMouseMove:e=>this.onChartMove(e),onContextMenu:e=>this.onPointContextMenu(e),onClick:e=>this.onChartClick(e)},this.chartTitle?index.h("text",{class:"sy-funnel-chart__title",x:this.width/2,y:16,"text-anchor":"middle",style:{fontSize:"14px",fontWeight:"600"}},this.chartTitle):null,this.chartSubtitle?index.h("text",{class:"sy-funnel-chart__subtitle",x:this.width/2,y:this.chartTitle?32:16,"text-anchor":"middle",style:{fontSize:"12px",fill:"#64748b"}},this.chartSubtitle):null,index.h("g",{key:"a938ff922eae8ba66918482e99110ddd6d927951",class:"sy-funnel-chart__sections"},visual.sectionVisuals.map(s=>s.visible&&s.path?index.h("path",{key:s.key,class:this.sectionClassName(s.id,activeSectionId),d:s.path,fill:s.color,"fill-opacity":this.sectionOpacity(s.id,s.opacity,activeSectionId),stroke:"none","data-section-id":s.id,"data-focused":this.focusedSectionId===s.id?"true":null,role:"img","aria-label":`${s.name}: ${s.value} (${Math.round(s.percentage*1e3)/10}%)`}):null)),index.h("g",{key:"62ed6a3a23d7f047e69d89018e6dc1f47f232c65",class:"sy-funnel-chart__borders"},visual.borderVisuals.map(b=>index.h("line",{key:b.key,class:"sy-funnel-chart__border",x1:b.x1,y1:b.y1,x2:b.x2,y2:b.y2,stroke:b.color,"stroke-width":b.width,"stroke-opacity":this.borderOpacity(b.sectionIds,activeSectionId),"stroke-dasharray":b.dash?.join(" "),"stroke-linecap":"butt","pointer-events":"none"}))),index.h("g",{key:"8d140656cd108605d8ed08ef4ff82ee9e56ae653",class:"sy-funnel-chart__labels"},visual.labelVisuals.map(l=>[l.leader?index.h("line",{key:`${l.key}-ld`,class:"sy-funnel-chart__leader",x1:l.leader.x1,y1:l.leader.y1,x2:l.leader.x2,y2:l.leader.y2,stroke:this.leaderColor,"stroke-width":1}):null,index.h("text",{key:l.key,class:"sy-funnel-chart__label",x:l.x,y:l.y,"text-anchor":l.anchor,"dominant-baseline":"middle",style:{fontSize:`${l.fontSize}px`,fill:l.color}},l.text)])),index.h("text",{key:"30d9de6b9a1813af5a6cd69e6796d3e1f5fd8668",class:"sy-funnel-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement)),this.fallbackReason&&index.h("span",{key:"e020b270e48b030850d3ca640a22fde8536fb9e5",class:"sy-funnel-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),legendLayout?.legendRect?index.h("div",{class:"sy-funnel-chart__legend",role:"list",style:{position:"absolute",left:`${legendLayout.legendRect.x}px`,top:`${legendLayout.legendRect.y}px`,width:`${legendLayout.legendRect.width}px`,height:`${legendLayout.legendRect.height}px`}},this.buildLegendItems().map((item,i)=>{const rect=legendLayout.itemRects[i];if(!rect)return null;const swatch=rect?.swatchRect;const label=rect?.labelRect;return index.h("span",{class:{"sy-funnel-chart__legend-item":true,"sy-funnel-chart__legend-item--disabled":!!item.disabled},role:"button",tabindex:0,"aria-pressed":item.disabled?"false":"true","aria-label":`${item.label}${item.disabled?", hidden":", shown"}`,style:{position:"absolute",left:`${rect.x-legendLayout.legendRect.x}px`,top:`${rect.y-legendLayout.legendRect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"block",whiteSpace:"nowrap"},onClick:()=>this.onLegendItemClick(i,String(item.id??i),item.label),onKeyDown:ev=>this.onLegendKeyDown(ev,i,String(item.id??i),item.label)},index.h("span",{class:"sy-funnel-chart__legend-swatch",style:{position:"absolute",left:`${swatch.x-rect.x}px`,top:`${swatch.y-rect.y}px`,background:item.swatchColor}}),index.h("span",{class:"sy-funnel-chart__legend-label",style:{position:"absolute",left:`${label.x-rect.x}px`,top:`${label.y-rect.y}px`}},item.label))})):null,this.renderFunnelTooltipConnector(),this.renderFunnelTooltip()),chartBrand.renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(legendLayout)}))}renderFunnelTooltip(){const multiple=this.funnelTooltips.length>0;const tooltips=multiple?this.funnelTooltips:[this.positionedFunnelTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderFunnelTooltipItem(tooltip,!multiple))}renderFunnelTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:"none"};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform="none"}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=funnelTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return index.h("div",{class:funnelTooltipClassName("sy-funnel-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return index.h("div",{class:funnelTooltipClassName("sy-funnel-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderFunnelTooltipConnector(){const tooltips=this.funnelTooltips.length>0?this.funnelTooltips:[this.positionedFunnelTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return index.h("svg",{class:"sy-funnel-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector$1=tooltip.connector;const end=connector.tooltipConnectorEnd(tooltip);return index.h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector$1.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector$1.width??1,"stroke-dasharray":connector$1.dash?.join(" ")})}))}async getEngineStatus(){return standardEngineStatus.standardOnlyEngineStatus({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}]}}};function escapeHtml(value){return String(value).replace(/[&<>"']/g,c=>c==="&"?"&":c==="<"?"<":c===">"?">":c==='"'?""":"'")}SyFunnelChart.style=syFunnelChartCss();exports.sy_funnel_chart=SyFunnelChart;

package/dist/cjs/sy-gauge-chart.cjs.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var index=require("./index-CKeHnO3Q.js");var safeFormatter=require("./safe-formatter-B0DDURao.js");var pointContextMenu=require("./point-context-menu-CWB4nv9m.js");var chartStreamingGate=require("./chart-streaming-gate-DX4tlXCx.js");var legend=require("./legend-CbjQG1uh.js");var chartBrand=require("./chart-brand-CEKOnWyE.js");var scheme=require("./scheme-KzZHS7kW.js");var interpolate=require("./interpolate-BWPQ5Hyd.js");var number=require("./number-Dq6GiQsL.js");var connector=require("./connector-8ebOKxbI.js");var standardEngineStatus=require("./standard-engine-status-C4zMZsEh.js");var parse=require("./parse-CoFqMZ-2.js");require("./chart-license-bridge-DAODso1A.js");require("./errors-DNua3ZWy.js");require("./brand-mark-default-DvQHU2qS.js");const TWO_PI=Math.PI*2;function toRadians(deg){return Number.isFinite(deg)?deg*Math.PI/180:0}function pointOnCircle(cx,cy,radius,clockwiseFromTop){return{x:cx+radius*Math.sin(clockwiseFromTop),y:cy-radius*Math.cos(clockwiseFromTop)}}function valueToAngle(value,min,max,startAngle,endAngle,clamp=true){const span=max-min;if(!Number.isFinite(span)||span===0)return startAngle;let t=(value-min)/span;if(clamp)t=t<0?0:t>1?1:t;return startAngle+(endAngle-startAngle)*t}function angleToValue(angle,min,max,startAngle,endAngle){const angleSpan=endAngle-startAngle;if(!Number.isFinite(angleSpan)||angleSpan===0)return min;const t=(angle-startAngle)/angleSpan;return min+(max-min)*t}function arcOpenPath(cx,cy,radius,startAngle,endAngle){const sweep=endAngle-startAngle;if(radius<=0||sweep<=1e-7)return"";if(sweep>=TWO_PI-1e-9){const a=pointOnCircle(cx,cy,radius,startAngle);const b=pointOnCircle(cx,cy,radius,startAngle+Math.PI);return`M ${a.x} ${a.y} A ${radius} ${radius} 0 0 1 ${b.x} ${b.y} A ${radius} ${radius} 0 0 1 ${a.x} ${a.y}`}const start=pointOnCircle(cx,cy,radius,startAngle);const end=pointOnCircle(cx,cy,radius,endAngle);const largeArc=sweep>Math.PI?1:0;return`M ${start.x} ${start.y} A ${radius} ${radius} 0 ${largeArc} 1 ${end.x} ${end.y}`}function arcRingPath(cx,cy,outerRadius,innerRadius,startAngle,endAngle){const sweep=endAngle-startAngle;if(outerRadius<=0||sweep<=1e-7)return"";const largeArc=sweep>Math.PI?1:0;const oStart=pointOnCircle(cx,cy,outerRadius,startAngle);const oEnd=pointOnCircle(cx,cy,outerRadius,endAngle);const inner=Math.max(0,innerRadius);if(inner<=0){return`M ${cx} ${cy} L ${oStart.x} ${oStart.y} A ${outerRadius} ${outerRadius} 0 ${largeArc} 1 ${oEnd.x} ${oEnd.y} Z`}const iStart=pointOnCircle(cx,cy,inner,startAngle);const iEnd=pointOnCircle(cx,cy,inner,endAngle);return`M ${oStart.x} ${oStart.y} A ${outerRadius} ${outerRadius} 0 ${largeArc} 1 ${oEnd.x} ${oEnd.y} L ${iEnd.x} ${iEnd.y} A ${inner} ${inner} 0 ${largeArc} 0 ${iStart.x} ${iStart.y} Z`}function arcRingRoundedPath(cx,cy,outerRadius,innerRadius,startAngle,endAngle,roundStart,roundEnd,cornerRadius){const sweep=endAngle-startAngle;const inner=Math.max(0,innerRadius);const thickness=outerRadius-inner;if(outerRadius<=0||sweep<=1e-7||inner<=0||thickness<=0){return arcRingPath(cx,cy,outerRadius,innerRadius,startAngle,endAngle)}const r=Math.max(0,Math.min(cornerRadius,thickness/2-.25,sweep*inner/2-.001));if(r<.5||!roundStart&&!roundEnd){return arcRingPath(cx,cy,outerRadius,innerRadius,startAngle,endAngle)}const dO=r/outerRadius;const dI=r/inner;const oStartA=startAngle+(roundStart?dO:0);const oEndA=endAngle-(roundEnd?dO:0);const iStartA=startAngle+(roundStart?dI:0);const iEndA=endAngle-(roundEnd?dI:0);const P=(radius,angle)=>pointOnCircle(cx,cy,radius,angle);const outerLarge=oEndA-oStartA>Math.PI?1:0;const innerLarge=iEndA-iStartA>Math.PI?1:0;const oS=P(outerRadius,oStartA);const oE=P(outerRadius,oEndA);let d=`M ${oS.x} ${oS.y} A ${outerRadius} ${outerRadius} 0 ${outerLarge} 1 ${oE.x} ${oE.y}`;if(roundEnd){const cOuter=P(outerRadius,endAngle);const eOuter=P(outerRadius-r,endAngle);const eInner=P(inner+r,endAngle);const cInner=P(inner,endAngle);const iE=P(inner,iEndA);d+=` Q ${cOuter.x} ${cOuter.y} ${eOuter.x} ${eOuter.y} L ${eInner.x} ${eInner.y} Q ${cInner.x} ${cInner.y} ${iE.x} ${iE.y}`}else{const iE=P(inner,endAngle);d+=` L ${iE.x} ${iE.y}`}const iS=P(inner,iStartA);d+=` A ${inner} ${inner} 0 ${innerLarge} 0 ${iS.x} ${iS.y}`;if(roundStart){const cInner=P(inner,startAngle);const sInner=P(inner+r,startAngle);const sOuter=P(outerRadius-r,startAngle);const cOuter=P(outerRadius,startAngle);d+=` Q ${cInner.x} ${cInner.y} ${sInner.x} ${sInner.y} L ${sOuter.x} ${sOuter.y} Q ${cOuter.x} ${cOuter.y} ${oS.x} ${oS.y}`}else{const oStraight=P(outerRadius,startAngle);d+=` L ${oStraight.x} ${oStraight.y}`}return d+" Z"}function needlePath(cx,cy,angle,length,rearLength,width,shape){const dx=Math.sin(angle);const dy=-Math.cos(angle);const px=Math.cos(angle);const py=Math.sin(angle);const halfW=Math.max(.5,width)/2;const tip={x:cx+length*dx,y:cy+length*dy};const rear={x:cx-rearLength*dx,y:cy-rearLength*dy};const baseR={x:cx+halfW*px,y:cy+halfW*py};const baseL={x:cx-halfW*px,y:cy-halfW*py};const fmt=p=>`${p.x} ${p.y}`;if(shape==="wedge"){return`M ${fmt(tip)} L ${fmt(baseR)} L ${fmt(baseL)} Z`}if(shape==="line"){const tipR={x:tip.x+halfW*px,y:tip.y+halfW*py};const tipL={x:tip.x-halfW*px,y:tip.y-halfW*py};const rearR={x:rear.x+halfW*px,y:rear.y+halfW*py};const rearL={x:rear.x-halfW*px,y:rear.y-halfW*py};return`M ${fmt(rearR)} L ${fmt(tipR)} L ${fmt(tipL)} L ${fmt(rearL)} Z`}if(shape==="arrow"){const neck=.78;const shaftHalf=Math.max(.5,halfW*.45);const headHalf=halfW*1.4;const neckPt={x:cx+length*neck*dx,y:cy+length*neck*dy};const shaftRearR={x:rear.x+shaftHalf*px,y:rear.y+shaftHalf*py};const shaftRearL={x:rear.x-shaftHalf*px,y:rear.y-shaftHalf*py};const neckR={x:neckPt.x+shaftHalf*px,y:neckPt.y+shaftHalf*py};const neckL={x:neckPt.x-shaftHalf*px,y:neckPt.y-shaftHalf*py};const headR={x:neckPt.x+headHalf*px,y:neckPt.y+headHalf*py};const headL={x:neckPt.x-headHalf*px,y:neckPt.y-headHalf*py};return`M ${fmt(shaftRearR)} L ${fmt(neckR)} L ${fmt(headR)} L ${fmt(tip)} L ${fmt(headL)} L ${fmt(neckL)} L ${fmt(shaftRearL)} Z`}return`M ${fmt(tip)} L ${fmt(baseR)} L ${fmt(rear)} L ${fmt(baseL)} Z`}function tickMarkSegment(cx,cy,angle,rInner,rOuter){const a=pointOnCircle(cx,cy,rInner,angle);const b=pointOnCircle(cx,cy,rOuter,angle);return{x1:a.x,y1:a.y,x2:b.x,y2:b.y}}function tickLabelPlacement(cx,cy,angle,radius){const p=pointOnCircle(cx,cy,radius,angle);const sin=Math.sin(angle);let anchor;if(sin>.2)anchor="end";else if(sin<-.2)anchor="start";else anchor="middle";return{x:p.x,y:p.y,anchor}}function computeGaugeTicks(options){const{min,max,startAngle,endAngle}=options;const span=max-min;if(!Number.isFinite(span)||span<=0)return[{value:min,angle:startAngle,major:true}];const majorNum=Number(options.majorInterval);const major=options.majorInterval==="auto"||!Number.isFinite(majorNum)||majorNum<=0?niceInterval(span,6):majorNum;const minorCount=Math.max(0,Math.floor(options.minorCount));const step=minorCount>0?major/(minorCount+1):major;const out=[];const eps=step*1e-6;let i=0;for(let v=min;v<=max+eps;v+=step){const value=Math.abs(v)<eps?0:v;const isMajor=minorCount===0||i%(minorCount+1)===0;out.push({value,angle:valueToAngle(value,min,max,startAngle,endAngle),major:isMajor});i++}return out}function niceInterval(span,target){const raw=span/Math.max(1,target);const mag=Math.pow(10,Math.floor(Math.log10(raw)));const norm=raw/mag;let nice;if(norm<1.5)nice=1;else if(norm<3)nice=2;else if(norm<7)nice=5;else nice=10;return nice*mag}function resolveDimension(value,basis){if(typeof value==="number")return Number.isFinite(value)?value:void 0;if(typeof value==="string"){const s=value.trim();if(s.endsWith("%")){const pct=Number(s.slice(0,-1));return Number.isFinite(pct)?pct/100*basis:void 0}const n=Number(s);return Number.isFinite(n)?n:void 0}return void 0}function computeGaugeLayout(options){const padding=Math.max(0,options.outerPadding??8);const gutter=Math.max(0,options.labelGutter??0);const pad=padding+gutter;const innerW=Math.max(0,options.plot.width-pad*2);const innerH=Math.max(0,options.plot.height-pad*2);const minDim=Math.min(innerW,innerH);const startAngle=options.startAngle;const endAngle=Math.max(options.endAngle,startAngle+1e-6);const explicitDiameter=resolveDimension(options.size,minDim);const explicitCx=resolveDimension(options.centerX,options.plot.width);const explicitCy=resolveDimension(options.centerY,options.plot.height);const autoFit=explicitDiameter===void 0&&explicitCx===void 0&&explicitCy===void 0;let outerRadius=explicitDiameter!==void 0?Math.max(1,explicitDiameter/2):Math.max(2,minDim/2);let cx=options.plot.x+(explicitCx!==void 0?explicitCx:options.plot.width/2);let cy=options.plot.y+(explicitCy!==void 0?explicitCy:options.plot.height/2);if(autoFit){const bbox=arcBoundingBox(0,0,outerRadius,startAngle,endAngle);const bboxW=bbox.maxX-bbox.minX;const bboxH=bbox.maxY-bbox.minY;if(bboxW>0&&bboxH>0){const scale=Math.min(innerW/bboxW,innerH/bboxH);outerRadius=Math.max(2,outerRadius*scale);const scaled=arcBoundingBox(0,0,outerRadius,startAngle,endAngle);cx=options.plot.x+pad+(innerW-(scaled.maxX-scaled.minX))/2-scaled.minX;cy=options.plot.y+pad+(innerH-(scaled.maxY-scaled.minY))/2-scaled.minY}}let innerRadius=0;if(Number.isFinite(options.thickness)&&options.thickness>0){innerRadius=Math.max(0,Math.min(outerRadius-options.thickness,outerRadius-1))}else{const resolved=resolveDimension(options.innerRadius,outerRadius);if(resolved!==void 0)innerRadius=Math.max(0,Math.min(resolved,outerRadius-1))}return{cx,cy,outerRadius,innerRadius,startAngle,endAngle,totalAngle:endAngle-startAngle}}function arcBoundingBox(cx,cy,radius,startAngle,endAngle){const a0=startAngle;const a1=endAngle;const xs=[cx];const ys=[cy];const push=a=>{xs.push(cx+radius*Math.sin(a));ys.push(cy-radius*Math.cos(a))};push(a0);push(a1);const normStart=(a0%TWO_PI+TWO_PI)%TWO_PI;const offset=a0-normStart;for(const cardinal of[0,Math.PI/2,Math.PI,3*Math.PI/2,TWO_PI]){const ca=cardinal+offset;if(ca>=a0&&ca<=a1)push(ca);const cab=ca+TWO_PI;if(cab>=a0&&cab<=a1)push(cab)}let minX=Infinity,maxX=-Infinity,minY=Infinity,maxY=-Infinity;for(let i=0;i<xs.length;i++){if(xs[i]<minX)minX=xs[i];if(xs[i]>maxX)maxX=xs[i];if(ys[i]<minY)minY=ys[i];if(ys[i]>maxY)maxY=ys[i]}return{minX,maxX,minY,maxY}}function isPointInDial(cssX,cssY,layout,tolerance=0){const dx=cssX-layout.cx;const dy=cssY-layout.cy;const dist=Math.sqrt(dx*dx+dy*dy);if(dist>layout.outerRadius+tolerance)return false;const theta=Math.atan2(dx,-dy);const a0=layout.startAngle;const a1=layout.endAngle;for(const t of[theta,theta+TWO_PI,theta-TWO_PI]){if(t>=a0-1e-6&&t<=a1+1e-6)return true}return false}function angleForPoint(cssX,cssY,layout){return Math.atan2(cssX-layout.cx,-(cssY-layout.cy))}const GAUGE_BAND_LEVEL_COLORS={normal:"#16a34a",info:"#2563eb",warning:"#f59e0b",danger:"#dc2626",critical:"#991b1b",neutral:"#cbd5e1"};function resolveBandColor(value,fallback=GAUGE_BAND_LEVEL_COLORS.neutral){if(!value)return fallback;const key=value.toLowerCase();if(Object.prototype.hasOwnProperty.call(GAUGE_BAND_LEVEL_COLORS,key)){return GAUGE_BAND_LEVEL_COLORS[key]}return value}function parseClockTime(input,now=()=>new Date){if(typeof input==="string"&&input!=="now"){const m=/^\s*(\d{1,2}):(\d{2})(?::(\d{2}))?\s*$/.exec(input);if(m){const hours=Number(m[1]);const minutes=Number(m[2]);const seconds=m[3]!==void 0?Number(m[3]):0;if(hours>=0&&hours<24&&minutes>=0&&minutes<60&&seconds>=0&&seconds<60){return{hours,minutes,seconds}}}}const d=now();return{hours:d.getHours(),minutes:d.getMinutes(),seconds:d.getSeconds()}}function clockHandValues(t){return{hour:t.hours%12+t.minutes/60+t.seconds/3600,minute:(t.minutes+t.seconds/60)*(12/60),second:t.seconds*(12/60)}}function formatClockTime(t,withSeconds){const pad=n=>String(n).padStart(2,"0");return withSeconds?`${pad(t.hours)}:${pad(t.minutes)}:${pad(t.seconds)}`:`${pad(t.hours)}:${pad(t.minutes)}`}function vuMeterDefaultBands(min,max){if(!Number.isFinite(min)||!Number.isFinite(max)||max<=0||max<=min)return[];return[{from:Math.max(0,min),to:max,color:"danger"}]}function defaultPlotBands(min,max){const span=max-min;if(!Number.isFinite(span)||span<=0)return[];return[{from:min,to:min+span*.6,color:"normal"},{from:min+span*.6,to:min+span*.85,color:"warning"},{from:min+span*.85,to:max,color:"danger"}]}function resolveActivityRingSpec(ring,index2,fallbackColor,chartMax){const spec=typeof ring==="number"?{value:ring}:ring;const rawValue=typeof spec.value==="bigint"?Number(spec.value):spec.value;const rawMax=typeof spec.max==="bigint"?Number(spec.max):spec.max;const max=typeof rawMax==="number"&&Number.isFinite(rawMax)&&rawMax>0?rawMax:Number.isFinite(chartMax)&&chartMax>0?chartMax:100;const value=Number.isFinite(rawValue)?Math.max(0,Math.min(rawValue,max)):0;return{id:spec.id!==void 0&&spec.id!==null?String(spec.id):typeof spec.name==="string"&&spec.name.length>0?spec.name:String(index2),name:typeof spec.name==="string"&&spec.name.length>0?spec.name:String(index2),value,max,color:typeof spec.color==="string"?spec.color:fallbackColor,trackColor:typeof spec.trackColor==="string"?spec.trackColor:void 0,visible:spec.visible!==false}}function resolveGaugeNeedle(needle,index2,fallbackColor){if(typeof needle==="number"){return{id:String(index2),name:String(index2),value:Number.isFinite(needle)?needle:0,color:fallbackColor,shape:"needle",length:void 0,rearLength:void 0,width:void 0,visible:true}}const rawValue=typeof needle.value==="bigint"?Number(needle.value):needle.value;const value=Number.isFinite(rawValue)?rawValue:0;return{id:needle.id!==void 0&&needle.id!==null?String(needle.id):typeof needle.name==="string"&&needle.name.length>0?needle.name:String(index2),name:typeof needle.name==="string"&&needle.name.length>0?needle.name:String(index2),value,color:typeof needle.color==="string"?needle.color:fallbackColor,shape:needle.shape??"needle",length:needle.length,rearLength:needle.rearLength,width:needle.width,visible:needle.visible!==false}}function pickGaugeEngine(options){if(options.requested==="pro"){const reason="no GPU gauge renderer exists";if(pointContextMenu.normalizeUnavailableBehaviour(options.onUnavailable)==="error"){throw new Error('sy-gauge-chart: Pro engine is unavailable — no GPU gauge renderer exists. Use engine="standard" or unavailable="fallback".')}console.warn(`[Syidax] sy-gauge-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}const GAUGE_TOOLTIP_DEFAULTS={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function isPlainObject(value){return Boolean(value)&&typeof value==="object"&&!Array.isArray(value)}function resolveGaugeTooltipConnectorSpec(input){if(input===true)return{show:true};if(input===void 0||input===null||input===false||!isPlainObject(input)){return{show:false}}const partial=input;return{show:partial.show===true,color:typeof partial.color==="string"?partial.color:void 0,width:Number.isFinite(partial.width)&&partial.width>0?partial.width:void 0,dash:Array.isArray(partial.dash)?partial.dash.slice():void 0}}function resolveGaugeTooltipSpec(input){if(input===void 0||input===null||input==="auto"||input===true){return{...GAUGE_TOOLTIP_DEFAULTS}}if(input==="off"||input===false){return{...GAUGE_TOOLTIP_DEFAULTS,show:false}}if(!isPlainObject(input)){return{...GAUGE_TOOLTIP_DEFAULTS}}const partial=input;const style=isPlainObject(partial.style)?Object.fromEntries(Object.entries(partial.style).filter(([,value])=>typeof value==="string"||typeof value==="number")):void 0;const dimension=value=>typeof value==="string"||Number.isFinite(value)&&value>=0?value:void 0;const trigger=value=>value==="click"||value==="hover-click"||value==="hover"?value:GAUGE_TOOLTIP_DEFAULTS.trigger;const openMode=value=>value==="multiple"?"multiple":GAUGE_TOOLTIP_DEFAULTS.openMode;const connector2=resolveGaugeTooltipConnectorSpec(partial.connector);return{show:partial.show===false?false:true,openMode:openMode(partial.openMode),trigger:trigger(partial.trigger),side:partial.side,offset:Number.isFinite(partial.offset)&&partial.offset>=0?partial.offset:GAUGE_TOOLTIP_DEFAULTS.offset,format:typeof partial.format==="function"?partial.format:void 0,html:typeof partial.html==="function"?partial.html:void 0,className:typeof partial.className==="string"?partial.className:void 0,style,width:dimension(partial.width),minWidth:dimension(partial.minWidth),maxWidth:dimension(partial.maxWidth),padding:dimension(partial.padding),interactive:partial.interactive===true,hideOnLeave:partial.hideOnLeave===false?false:true,connector:connector2,draggable:partial.draggable===true}}function gaugeTooltipSpecFromLegacy(opts){return{...GAUGE_TOOLTIP_DEFAULTS,show:opts.show,format:typeof opts.format==="function"?detail=>opts.format(detail):void 0}}const ANALOG_DAMPING_DEFAULT=5;const ANALOG_FREQUENCY_DEFAULT=18;const ANALOG_DISTANCE_CALM_DAMPING=16;function analogDampingForDistance(baseDamping=ANALOG_DAMPING_DEFAULT,normalizedDistance=1,calmDamping=ANALOG_DISTANCE_CALM_DAMPING){const base=Number.isFinite(baseDamping)&&baseDamping>0?baseDamping:ANALOG_DAMPING_DEFAULT;const calm=Number.isFinite(calmDamping)&&calmDamping>0?Math.max(base,calmDamping):Math.max(base,ANALOG_DISTANCE_CALM_DAMPING);const distance=clamp01(normalizedDistance);const distanceWeight=Math.pow(distance,.75);return base+(calm-base)*(1-distanceWeight)}function analogSettle(t,damping=ANALOG_DAMPING_DEFAULT,frequency=ANALOG_FREQUENCY_DEFAULT){if(t<=0)return 0;if(t>=1)return 1;const a=Number.isFinite(damping)&&damping>0?damping:ANALOG_DAMPING_DEFAULT;const b=Number.isFinite(frequency)&&frequency>0?frequency:ANALOG_FREQUENCY_DEFAULT;return 1-Math.exp(-a*t)*Math.cos(b*t)}function applyGaugeEasing(t,easing,damping,frequency){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;case"analog":return analogSettle(x,damping,frequency);default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}function createGaugeAnimator(){const entries=new Map;const settled=new Map;function elapsed(entry,now){if(entry.startedAt<0)return entry.pausedElapsed;if(entry.paused)return entry.pausedElapsed;return Math.max(0,now-entry.startedAt+entry.pausedElapsed)}function rawProgress(entry,now){if(entry.duration<=0)return 1;return clamp01(elapsed(entry,now)/entry.duration)}function easedValue(entry,now){const eased=applyGaugeEasing(rawProgress(entry,now),entry.easing,entry.analogDamping,entry.analogFrequency);return entry.from+(entry.to-entry.from)*eased}return{start(key,e){entries.set(key,{from:e.from,to:e.to,startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,e.duration),easing:e.easing,analogDamping:e.analogDamping??ANALOG_DAMPING_DEFAULT,analogFrequency:e.analogFrequency??ANALOG_FREQUENCY_DEFAULT})},retarget(key,to,now,opts){const existing=entries.get(key);const from=existing?easedValue(existing,now):settled.has(key)?settled.get(key):to;entries.set(key,{from,to,startedAt:now,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing,analogDamping:opts.analogDamping??ANALOG_DAMPING_DEFAULT,analogFrequency:opts.analogFrequency??ANALOG_FREQUENCY_DEFAULT})},valueAt(key,now){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;return easedValue(entry,now)},valueAtWithEasing(key,now,easing){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const eased=applyGaugeEasing(rawProgress(entry,now),easing,entry.analogDamping,entry.analogFrequency);return entry.from+(entry.to-entry.from)*eased},valueAtClamped(key,now,easing){const entry=entries.get(key);if(!entry)return void 0;if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;const eased=applyGaugeEasing(rawProgress(entry,now),easing,entry.analogDamping,entry.analogFrequency);const v=entry.from+(entry.to-entry.from)*eased;const lo=Math.min(entry.from,entry.to);const hi=Math.max(entry.from,entry.to);return v<lo?lo:v>hi?hi:v},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done){settled.set(key,entries.get(key).to);entries.delete(key)}},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key);settled.delete(key)},clear(){entries.clear();settled.clear()},entries(){return entries}}}function createGaugeStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}function solidRingRadii(outerRadius,innerRadius,n){const count=Math.max(1,Math.floor(n));const inner=Math.max(0,innerRadius);const totalSpan=Math.max(2,outerRadius-inner);const gap=count>1?Math.min(10,totalSpan*.06):0;const thickness=Math.max(2,(totalSpan-gap*(count-1))/count);const out=[];for(let i=0;i<count;i++){const rOuter=outerRadius-i*(thickness+gap);const rInner=rOuter-thickness;out.push({rOuter,rInner,centerR:(rOuter+rInner)/2,thickness})}return out}function prepareGaugeLayout(options){const{layout,variant,style}=options;const{cx,cy,outerRadius,startAngle,endAngle}=layout;const bandRingInner=outerRadius-style.bandThickness;const hasBands=(variant==="dial"||variant==="vuMeter"||variant==="speedometer")&&options.bands.length>0;const tickAnchor=variant==="solid"?Math.max(8,layout.innerRadius):hasBands?bandRingInner:outerRadius;const bandVisuals=[];let bandTrackPath;if(hasBands){const ANGLE_TOL=.001;const corner=t=>t*.33;const trackR=corner(outerRadius-bandRingInner);bandTrackPath=arcRingRoundedPath(cx,cy,outerRadius,bandRingInner,startAngle,endAngle,true,true,trackR)||void 0;for(const band of options.bands){const roundStart=Math.abs(band.startAngle-startAngle)<ANGLE_TOL;const roundEnd=Math.abs(band.endAngle-endAngle)<ANGLE_TOL;const path=arcRingRoundedPath(cx,cy,band.outerRadius,band.innerRadius,band.startAngle,band.endAngle,roundStart,roundEnd,corner(band.outerRadius-band.innerRadius));if(path)bandVisuals.push({key:band.id,path,color:band.color})}}const tickVisuals=[];for(let i=0;i<options.ticks.length;i++){const tick=options.ticks[i];const len=tick.major?style.tick.majorLength:style.tick.minorLength;const seg=tickMarkSegment(cx,cy,tick.angle,tickAnchor-len,tickAnchor);let label;if(tick.major&&style.tick.showLabels&&tick.label!==void 0){const labelRadius=tickAnchor-style.tick.majorLength-style.tick.labelDistance;const lp=tickLabelPlacement(cx,cy,tick.angle,labelRadius);label={x:lp.x,y:lp.y,text:tick.label,anchor:lp.anchor,fontSize:style.tick.labelFontSize,color:style.tick.labelColor}}tickVisuals.push({key:`t${i}`,major:tick.major,x1:seg.x1,y1:seg.y1,x2:seg.x2,y2:seg.y2,width:tick.major?style.tick.majorWidth:style.tick.minorWidth,color:style.tick.color,label})}if(variant==="solid"||variant==="activity"){const inner=Math.max(0,layout.innerRadius);const ringsInput=options.rings&&options.rings.length>0?options.rings:[{key:"primary",angle:options.progress?.angle??startAngle,color:options.progress?.color??"#2563eb",trackColor:void 0}];const radii=solidRingRadii(outerRadius,inner,ringsInput.length);const solidRings=ringsInput.map((r,i)=>{const lane=radii[i];return{key:r.key,trackPath:arcOpenPath(cx,cy,lane.centerR,startAngle,endAngle),progressPath:arcOpenPath(cx,cy,lane.centerR,startAngle,r.angle),progressColor:r.color,strokeWidth:Math.max(1,lane.thickness),trackColor:r.trackColor}});const first=solidRings[0];return{variant,layout,trackPath:first.trackPath,progressPath:first.progressPath,progressColor:first.progressColor,bandStrokeWidth:first.strokeWidth,solidRings,bandVisuals,tickVisuals,needleVisuals:[],pivot:void 0,needleCount:ringsInput.length}}const needleVisuals=[];for(const needle of options.needles){if(!needle.visible)continue;const path=needlePath(cx,cy,needle.angle,needle.length,needle.rearLength,needle.width,needle.shape);if(path)needleVisuals.push({key:needle.id,path,color:needle.color,needle})}const pivot={cx,cy,r:style.pivotRadius,color:style.pivotColor};return{variant,layout,bandVisuals,bandTrackPath,bandTrackColor:hasBands?style.bandTrackColor:void 0,tickVisuals,needleVisuals,pivot,needleCount:needleVisuals.length}}const syGaugeChartCss=()=>`.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}}`;function gaugeTooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function gaugeTooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}const SOLID_KEY="primary";const SyGaugeChart=class{constructor(hostRef){index.registerInstance(this,hostRef);this.rendered=index.createEvent(this,"rendered",7);this.gaugeClick=index.createEvent(this,"gaugeClick",7);this.gaugeHover=index.createEvent(this,"gaugeHover",7);this.pointContextMenu=index.createEvent(this,"pointContextMenu",7);this.valueChange=index.createEvent(this,"valueChange",7);this.legendItemClick=index.createEvent(this,"legendItemClick",7);this.needleToggled=index.createEvent(this,"needleToggled",7);this.appended=index.createEvent(this,"appended",7);this.windowSlid=index.createEvent(this,"windowSlid",7);this.chartAnimationStart=index.createEvent(this,"chartAnimationStart",7);this.chartAnimationEnd=index.createEvent(this,"chartAnimationEnd",7);this.chartAnimationInterrupted=index.createEvent(this,"chartAnimationInterrupted",7);this.tooltipShown=index.createEvent(this,"tooltipShow",7);this.tooltipHide=index.createEvent(this,"tooltipHide",7);this.tooltipAction=index.createEvent(this,"tooltipAction",7)}get host(){return index.getElement(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=createGaugeAnimator();animationFrameHandle=null;stopAnimationLoopImpl;animationLoopRunning=false;targetByKey=new Map;lastStreamEventAt;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new chartStreamingGate.ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingGate.chartStreamingInput(this,"plain-fallback"),active:()=>this.boundStreamSource!==void 0,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();if(!this.hasLoaded)return;this.bindStreamSource();this.syncClockTicker()}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();this.syncClockTicker();if(this.shouldInitialAnimation(null))this.startInitialReveal();else this.targetByKey=this.computeTargets()}componentDidRender(){if(this.detached)return;if(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;if(this.clockIntervalHandle!==null){clearInterval(this.clockIntervalHandle);this.clockIntervalHandle=null}}handleValueChange(_next,previous){if(this.suppressNextValueAnimation){this.suppressNextValueAnimation=false;this.animationTick++;return}this.emitValueChange();if(this.shouldInitialAnimation(previous))this.startInitialReveal();else if(this.shouldUpdateAnimation(previous))this.retargetTweens("value");else this.animationTick++}handleNeedlesChange(_next,previous){if(this.shouldInitialAnimation(previous))this.startInitialReveal();else if(this.shouldUpdateAnimation(previous))this.retargetTweens("value");else this.animationTick++}handleClockPropsChange(){this.syncClockTicker();this.animationTick++}handleRingsChange(_next,previous){if(this.shouldInitialAnimation(previous))this.startInitialReveal();else if(this.shouldUpdateAnimation(previous))this.retargetTweens("value");else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){if(this.shouldInitialAnimation(null)){this.startInitialReveal()}else{if(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(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async getValue(){return this.value}async setValue(value){if(!Number.isFinite(value))return;this.value=value}async addNeedle(needle,opts){const next=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs();const at=typeof opts?.insertAt==="number"&&opts.insertAt>=0&&opts.insertAt<=next.length?Math.floor(opts.insertAt):next.length;next.splice(at,0,needle);this.needles=next;return at}async removeNeedle(idOrIndex){const specs=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs();const idx=this.resolveNeedleIndex(idOrIndex,specs);if(idx<0)return false;specs.splice(idx,1);this.needles=specs;return true}async setRings(rings){this.rings=Array.isArray(rings)?[...rings]:[]}async setRingValue(idOrIndex,value){if(!Number.isFinite(value))return false;const specs=this.activityRingSpecs().map(s=>typeof s==="number"?{value:s}:{...s});let idx=-1;if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const i=Math.floor(idOrIndex);if(i>=0&&i<specs.length)idx=i}else{for(let i=0;i<specs.length;i++){const s=specs[i];if(s.id!==void 0&&String(s.id)===idOrIndex||s.name===idOrIndex){idx=i;break}}}if(idx<0)return false;specs[idx]={...specs[idx],value};this.rings=specs;return true}async updateNeedle(idOrIndex,patch){const specs=Array.isArray(this.needles)?[...this.needles]:this.currentNeedleSpecs();const idx=this.resolveNeedleIndex(idOrIndex,specs);if(idx<0)return false;const current=specs[idx];specs[idx]=typeof current==="number"?{value:current,...patch}:{...current,...patch};this.needles=specs;return true}async appendPoint(value){await this.streamLicense.run("appendPoint",()=>{const source=this.activeStreamSource();if(source){source.push(value);return}this.value=value})}async appendBatch(values){if(!Array.isArray(values)||values.length===0)return;await this.streamLicense.run("appendBatch",()=>{const source=this.activeStreamSource();if(source){source.pushBatch(values);return}this.value=values[values.length-1];this.appended.emit({count:values.length})})}async shift(count=1){await this.streamLicense.run("shift",()=>{const source=this.activeStreamSource();if(source){source.shift(count);return}this.windowSlid.emit({dropped:0})})}async replace(values){await this.streamLicense.run("replace",()=>{const source=this.activeStreamSource();if(source){source.replace(values);return}if(Array.isArray(values)&&values.length>0)this.value=values[values.length-1]})}async getStreamSource(){return this.streamLicense.run("getStreamSource",()=>this.activeStreamSource())}async setAnimation(options){if(!options)return;if(Number.isFinite(options.duration))this.animationDuration=options.duration;if(options.easing)this.animationEasing=options.easing;if(options.type)this.animationType=options.type;if(typeof options.enabled==="boolean"){if(!options.enabled&&this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animated=options.enabled;if(!options.enabled){this.animator.clear();this.stopAnimationLoop();this.animationLoopRunning=false;this.animationTick++}}}async pauseAnimation(){this.animator.pauseAll(this.now());this.stopAnimationLoop()}async resumeAnimation(){this.animator.resumeAll(this.now());if(this.animator.hasActive())this.startAnimationLoop()}async replayAnimation(){if(!this.shouldAnimate())return;this.startInitialReveal()}async hitTest(cssX,cssY){const layout=this.layoutForDraw();if(!isPointInDial(cssX,cssY,layout,6))return null;return this.pointerDetailAt(cssX,cssY,layout)}async showTooltip(){const layout=this.layoutForDraw();const needle=this.resolvedNeedles(layout)[0];const value=needle?needle.value:this.clampValue(this.value);return this.showTooltipForValue(value,layout)}async showTooltipAtValue(value){if(!Number.isFinite(value))return null;return this.showTooltipForValue(value,this.layoutForDraw())}async hideTooltip(){this.clearTooltips()}showTooltipForValue(value,layout){const spec=this.effectiveTooltipSpec();if(!spec.show)return null;const anchorSeed=this.valueAnchorPoint(value,layout);const detail=this.variant==="activity"?this.pointerDetailAt(anchorSeed.x,anchorSeed.y,layout):this.buildPointerDetail(0,value,anchorSeed.x,anchorSeed.y);const anchor=this.anchorForDetail(detail,layout);this.showTooltipForDetail(detail,anchor,spec,spec.openMode==="multiple");return detail}isSolidLike(){return this.variant==="solid"||this.variant==="activity"}isDialLike(){return this.variant==="dial"||this.variant==="vuMeter"||this.variant==="speedometer"||this.variant==="clock"}syncClockTicker(){if(this.detached)return;const wantsTicker=this.variant==="clock"&&(this.time===void 0||this.time==="now");if(wantsTicker&&this.clockIntervalHandle===null){this.clockIntervalHandle=setInterval(()=>{this.animationTick++},1e3)}else if(!wantsTicker&&this.clockIntervalHandle!==null){clearInterval(this.clockIntervalHandle);this.clockIntervalHandle=null}}clockTime(){return parseClockTime(this.time)}resolvedClockNeedles(layout){const t=this.clockTime();const hands=clockHandValues(t);const angleFor=v=>layout.startAngle+v/12*layout.totalAngle;const out=[{index:0,id:"hour",name:"Hour",value:hands.hour,rawValue:hands.hour,angle:angleFor(hands.hour),color:this.pivotColor,shape:"needle",length:layout.outerRadius*.52,rearLength:layout.outerRadius*.1,width:Math.max(6,this.needleWidth),visible:true},{index:1,id:"minute",name:"Minute",value:hands.minute,rawValue:hands.minute,angle:angleFor(hands.minute),color:this.pivotColor,shape:"needle",length:layout.outerRadius*.78,rearLength:layout.outerRadius*.12,width:Math.max(4,this.needleWidth-3),visible:true}];if(this.showSeconds){out.push({index:2,id:"second",name:"Second",value:hands.second,rawValue:hands.second,angle:angleFor(hands.second),color:"#dc2626",shape:"line",length:layout.outerRadius*.86,rearLength:layout.outerRadius*.16,width:2,visible:true})}return out}resolvedClockTicks(layout){if(!this.showTicks)return[];const out=[];const angleFor=v=>layout.startAngle+v/12*layout.totalAngle;for(let hourMark=0;hourMark<12;hourMark++){out.push({value:hourMark,angle:angleFor(hourMark),major:true,label:this.showTickLabels?hourMark===0?"12":String(hourMark):void 0});for(let minuteMark=1;minuteMark<5;minuteMark++){out.push({value:hourMark+minuteMark/5,angle:angleFor(hourMark+minuteMark/5),major:false})}}return out}effectiveAngles(){if(this.variant==="activity"&&this.startAngle===-150&&this.endAngle===150){return{start:0,end:toRadians(360)}}if(this.variant==="vuMeter"&&this.startAngle===-150&&this.endAngle===150){return{start:toRadians(-48),end:toRadians(48)}}if(this.variant==="speedometer"&&this.startAngle===-150&&this.endAngle===150){return{start:toRadians(-120),end:toRadians(120)}}if(this.variant==="clock"&&this.startAngle===-150&&this.endAngle===150){return{start:0,end:toRadians(360)}}return{start:toRadians(this.startAngle),end:toRadians(this.endAngle)}}activityRingSpecs(){if(Array.isArray(this.rings)&&this.rings.length>0)return this.rings;if(Array.isArray(this.needles)&&this.needles.length>0){return this.needles.map(n=>typeof n==="number"?n:{value:n.value,id:n.id,name:n.name,color:n.color,visible:n.visible})}return[{value:this.value,id:SOLID_KEY}]}activityTrackColorFor(color,override){if(override)return override;const parsed=parse.parseColor(color);if(!parsed)return this.trackColor;return`rgba(${Math.round(parsed.r)}, ${Math.round(parsed.g)}, ${Math.round(parsed.b)}, 0.16)`}resolvedActivityRings(layout){const palette=this.needlePalette();const specs=this.activityRingSpecs();const now=this.now();const out=[];for(let i=0;i<specs.length;i++){const r=resolveActivityRingSpec(specs[i],i,palette[i%Math.max(1,palette.length)]??this.color,this.max);const animated=this.animator.valueAt(r.id,now);const value=Math.max(0,Math.min(animated!==void 0?animated:r.value,r.max));const fraction=r.max>0?value/r.max:0;const visible=r.visible&&!this.legendDisabled.has(r.id);out.push({index:i,id:r.id,name:r.name,value,max:r.max,fraction,angle:layout.startAngle+fraction*layout.totalAngle,color:r.color,trackColor:this.activityTrackColorFor(r.color,r.trackColor),visible})}return out}clampValue(v){if(!Number.isFinite(v))return this.min;return v<this.min?this.min:v>this.max?this.max:v}now(){return typeof performance!=="undefined"?performance.now():0}prefersReducedMotion(){return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}shouldAnimate(){if(this.detached)return false;return this.animated&&!this.prefersReducedMotion()}shouldInitialAnimation(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="initial"}shouldUpdateAnimation(previous){return this.shouldAnimate()&&this.resolveAnimationType(previous)==="update"}resolveAnimationType(previous){if(this.animationType)return this.animationType;return this.hasAnimationBaseline(previous)?"update":"initial"}hasAnimationBaseline(input){if(typeof input==="number")return Number.isFinite(input);return Array.isArray(input)&&input.length>0}tweenEasing(){if(this.isSolidLike()&&this.animationEasing==="analog")return"ease-out";return this.animationEasing}normalizedTweenDistance(from,to){const span=Math.abs(this.max-this.min);if(!Number.isFinite(span)||span<=0)return 1;const a=this.clampValue(from);const b=this.clampValue(to);return Math.max(0,Math.min(1,Math.abs(b-a)/span))}analogDampingForTween(from,to,easing){if(easing!=="analog")return this.analogDamping;return analogDampingForDistance(this.analogDamping,this.normalizedTweenDistance(from,to))}fraction(value){const span=this.max-this.min;if(!Number.isFinite(span)||span===0)return 0;return(this.clampValue(value)-this.min)/span}currentNeedleSpecs(){if(Array.isArray(this.needles)&&this.needles.length>0)return this.needles;return[{value:this.value,id:SOLID_KEY,color:this.color,shape:this.needleShape}]}resolveNeedleIndex(idOrIndex,specs){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<specs.length?idx:-1}for(let i=0;i<specs.length;i++){const s=specs[i];if(typeof s==="object"&&s!==null){if(s.id!==void 0&&String(s.id)===idOrIndex)return i;if(s.name===idOrIndex)return i}}return-1}needlePalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const scheme$1=scheme.categorical.tableau10;return scheme.discretize(scheme$1,Math.max(scheme$1.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}resolveLength(token,fallback,basis){if(token===void 0)return fallback;if(typeof token==="number")return Number.isFinite(token)?token:fallback;const s=token.trim();if(s.endsWith("%")){const pct=Number(s.slice(0,-1));return Number.isFinite(pct)?pct/100*basis:fallback}const n=Number(s);return Number.isFinite(n)?n:fallback}needleAngle(rawValue,layout){const a=valueToAngle(rawValue,this.min,this.max,layout.startAngle,layout.endAngle,false);const margin=(Number.isFinite(this.analogOvershootAngle)?Math.max(0,this.analogOvershootAngle):0)*Math.PI/180;const lo=Math.min(layout.startAngle,layout.endAngle)-margin;const hi=Math.max(layout.startAngle,layout.endAngle)+margin;return a<lo?lo:a>hi?hi:a}resolvedNeedles(layout){const palette=this.needlePalette();const specs=this.currentNeedleSpecs();const now=this.now();const out=[];for(let i=0;i<specs.length;i++){const r=resolveGaugeNeedle(specs[i],i,palette[i%Math.max(1,palette.length)]??this.color);const animated=this.animator.valueAt(r.id,now);const raw=animated!==void 0?animated:r.value;const value=this.clampValue(raw);const visible=r.visible&&!this.legendDisabled.has(r.id);const angle=animated!==void 0?this.needleAngle(raw,layout):valueToAngle(value,this.min,this.max,layout.startAngle,layout.endAngle);out.push({index:i,id:r.id,name:r.name,value,rawValue:r.value,angle,color:r.color,shape:r.shape,length:this.resolveLength(r.length??this.needleLength,layout.outerRadius*.88,layout.outerRadius),rearLength:this.resolveLength(r.rearLength??this.needleRearLength,layout.outerRadius*.14,layout.outerRadius),width:Number.isFinite(r.width)?r.width:this.needleWidth,visible})}return out}resolvedRings(layout){const now=this.now();const specs=Array.isArray(this.needles)&&this.needles.length>0?this.needles:null;if(specs){const palette=this.needlePalette();return specs.map((spec,i)=>{const r=resolveGaugeNeedle(spec,i,palette[i%Math.max(1,palette.length)]??this.color);const animated2=this.animator.valueAt(r.id,now);const value2=this.clampValue(animated2!==void 0?animated2:r.value);return{key:r.id,name:r.name,value:value2,angle:valueToAngle(value2,this.min,this.max,layout.startAngle,layout.endAngle),color:r.color}})}const animated=this.animator.valueAt(SOLID_KEY,now);const value=this.clampValue(animated!==void 0?animated:this.value);return[{key:SOLID_KEY,name:"",value,angle:valueToAngle(value,this.min,this.max,layout.startAngle,layout.endAngle),color:this.solidColorAt(this.fraction(value))}]}solidColorAt(t){const stops=this.stops;if(!Array.isArray(stops)||stops.length===0)return this.color;const sorted=[...stops].sort((a,b)=>a.stop-b.stop);if(t<=sorted[0].stop)return sorted[0].color;if(t>=sorted[sorted.length-1].stop)return sorted[sorted.length-1].color;for(let i=0;i<sorted.length-1;i++){const lo=sorted[i];const hi=sorted[i+1];if(t>=lo.stop&&t<=hi.stop){const span=hi.stop-lo.stop;const localT=span<=0?0:(t-lo.stop)/span;const a=parse.parseColor(lo.color);const b=parse.parseColor(hi.color);if(!a||!b)return lo.color;const c=interpolate.mix(a,b,localT);return`rgb(${Math.round(c.r)}, ${Math.round(c.g)}, ${Math.round(c.b)})`}}return sorted[sorted.length-1].color}bandList(){if(this.plotBands==="auto")return defaultPlotBands(this.min,this.max);if(Array.isArray(this.plotBands))return this.plotBands;if(this.variant==="vuMeter")return vuMeterDefaultBands(this.min,this.max);if(this.variant==="speedometer")return defaultPlotBands(this.min,this.max);return[]}resolvedBands(layout){const bands=this.bandList();if(bands.length===0)return[];const out=[];for(let i=0;i<bands.length;i++){const band=bands[i];if(!Number.isFinite(band.from)||!Number.isFinite(band.to))continue;const from=Math.max(this.min,Math.min(band.from,band.to));const to=Math.min(this.max,Math.max(band.from,band.to));if(to<=from)continue;const outerR=this.resolveLength(band.outerRadius,layout.outerRadius,layout.outerRadius);const thickness=Number.isFinite(band.thickness)?band.thickness:this.bandThickness;out.push({id:band.id!==void 0?String(band.id):`band-${i}`,startAngle:valueToAngle(from,this.min,this.max,layout.startAngle,layout.endAngle),endAngle:valueToAngle(to,this.min,this.max,layout.startAngle,layout.endAngle),color:resolveBandColor(band.color),outerRadius:outerR,innerRadius:Math.max(0,outerR-thickness)})}return out}numberFormatter(spec){if(spec){try{return number.format(spec)}catch{}}return v=>Number.isInteger(v)?String(v):String(Math.round(v*100)/100)}resolvedTicks(layout){if(!this.showTicks)return[];const raw=computeGaugeTicks({min:this.min,max:this.max,majorInterval:this.tickInterval,minorCount:this.minorTicks,startAngle:layout.startAngle,endAngle:layout.endAngle});const fmt=this.numberFormatter(this.tickLabelFormat);return raw.map(t=>({value:t.value,angle:t.angle,major:t.major,label:t.major&&this.showTickLabels?fmt(t.value):void 0}))}titleGutter(){let gutter=0;if(this.chartTitle)gutter+=22;if(this.chartSubtitle)gutter+=16;return gutter}layoutForDraw(){const legend2=this.legend?this.buildLegendLayout():null;const plot=this.plotRectFromLegend(legend2);const labelGutter=this.isSolidLike()?6:this.showTickLabels?this.tickLabelFontSize+this.tickLabelDistance+this.tickLength+6:this.tickLength+6;const angles=this.effectiveAngles();const innerDefault=this.variant==="solid"?"62%":this.variant==="activity"?"30%":void 0;return computeGaugeLayout({plot,startAngle:angles.start,endAngle:angles.end,labelGutter,size:this.size,centerX:this.centerX,centerY:this.centerY,innerRadius:this.isSolidLike()?this.innerRadius??innerDefault:this.innerRadius,thickness:this.variant==="solid"?this.thickness:void 0})}buildLegendItems(){if(Array.isArray(this.legendItems)&&this.legendItems.length>0)return this.legendItems;const palette=this.needlePalette();if(this.variant==="activity"){return this.activityRingSpecs().map((spec,i)=>{const r=resolveActivityRingSpec(spec,i,palette[i%Math.max(1,palette.length)]??this.color,this.max);return{label:r.name===String(i)?`Ring ${i+1}`:r.name,swatchColor:r.color,swatchShape:"square",disabled:this.legendDisabled.has(r.id),id:r.id,seriesIndex:i}})}const specs=this.currentNeedleSpecs();return specs.map((spec,i)=>{const r=resolveGaugeNeedle(spec,i,palette[i%Math.max(1,palette.length)]??this.color);return{label:r.name,swatchColor:r.color,swatchShape:"square",disabled:this.legendDisabled.has(r.id),id:r.id,seriesIndex:i}})}buildLegendLayout(){const items=this.buildLegendItems();if(!items.length)return null;const top=this.titleGutter();const layout=legend.computeLegendLayout({outerWidth:this.width,outerHeight:Math.max(1,this.height-top),items,position:this.legendPosition,direction:this.legendPosition==="top"||this.legendPosition==="bottom"?"horizontal":"vertical",align:"center",padding:{top:4,right:8,bottom:6,left:8},gap:12,swatchSize:10,swatchLabelGap:6,rowGap:4});if(top<=0)return layout;return{...layout,legendRect:layout.legendRect?{...layout.legendRect,y:layout.legendRect.y+top}:layout.legendRect,itemRects:layout.itemRects.map(r=>({...r,y:r.y+top})),remainingOuter:{...layout.remainingOuter,y:layout.remainingOuter.y+top}}}plotRectFromLegend(legend2){if(!legend2?.remainingOuter){const top=this.titleGutter();return{x:0,y:top,width:Math.max(1,this.width),height:Math.max(1,this.height-top)}}return{x:legend2.remainingOuter.x,y:legend2.remainingOuter.y,width:Math.max(1,legend2.remainingOuter.width),height:Math.max(1,legend2.remainingOuter.height)}}onLegendItemClick=(index2,needleId,label)=>{const disabled=!this.legendDisabled.has(needleId);const next=new Set(this.legendDisabled);if(disabled)next.add(needleId);else next.delete(needleId);this.legendDisabled=next;this.legendItemClick.emit({index:index2,needleId,label,disabled});this.needleToggled.emit({index:index2,needleId,disabled})};onLegendKeyDown=(ev,index2,needleId,label)=>{if(ev.key!=="Enter"&&ev.key!==" ")return;ev.preventDefault();this.onLegendItemClick(index2,needleId,label)};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 duration=Math.max(0,this.animationDuration);this.targetByKey=this.computeTargets();if(duration<=0){this.animationTick++;return}this.animator.clear();const easing=this.tweenEasing();for(const[key,target]of this.targetByKey){const from=this.variant==="activity"?0:this.min;this.animator.start(key,{from,to:target,duration,easing,analogDamping:this.analogDampingForTween(from,target,easing),analogFrequency:this.analogFrequency})}this.chartAnimationStart.emit();this.startAnimationLoop()}computeTargets(){const targets=new Map;if(this.variant==="activity"){const palette2=this.needlePalette();const specs2=this.activityRingSpecs();specs2.forEach((spec,i)=>{const r=resolveActivityRingSpec(spec,i,palette2[i%Math.max(1,palette2.length)]??this.color,this.max);targets.set(r.id,r.value)});return targets}if(this.variant==="solid"){if(Array.isArray(this.needles)&&this.needles.length>0){const palette2=this.needlePalette();this.needles.forEach((spec,i)=>{const r=resolveGaugeNeedle(spec,i,palette2[i%Math.max(1,palette2.length)]??this.color);targets.set(r.id,this.clampValue(r.value))})}else{targets.set(SOLID_KEY,this.clampValue(this.value))}return targets}const palette=this.needlePalette();const specs=this.currentNeedleSpecs();for(let i=0;i<specs.length;i++){const r=resolveGaugeNeedle(specs[i],i,palette[i%Math.max(1,palette.length)]??this.color);targets.set(r.id,this.clampValue(r.value))}return targets}retargetTweens(reason){const duration=reason==="stream"?this.streamDuration():Math.max(0,this.animationDuration);const next=this.computeTargets();if(duration<=0){this.animator.clear();this.targetByKey=next;this.animationTick++;return}if(reason==="value"&&this.animator.hasActive())this.chartAnimationInterrupted.emit();const now=this.now();const wasRunning=this.animationLoopRunning;for(const key of[...this.animator.entries().keys()]){if(!next.has(key))this.animator.cancel(key)}const easing=reason==="stream"?"ease-out":this.tweenEasing();for(const[key,target]of next){const baseline=this.targetByKey.get(key);if(this.animator.has(key)){const from=this.animator.valueAt(key,now)??baseline??target;this.animator.retarget(key,target,now,{duration,easing,analogDamping:this.analogDampingForTween(from,target,easing),analogFrequency:this.analogFrequency})}else if(baseline!==void 0){this.animator.start(key,{from:baseline,to:target,duration,easing,analogDamping:this.analogDampingForTween(baseline,target,easing),analogFrequency:this.analogFrequency})}else{this.animator.retarget(key,target,now,{duration,easing,analogDamping:this.analogDampingForTween(target,target,easing),analogFrequency:this.analogFrequency})}}this.targetByKey=next;if(!wasRunning)this.chartAnimationStart.emit();this.startAnimationLoop()}streamDuration(){const now=this.now();const interval=this.lastStreamEventAt!==void 0?now-this.lastStreamEventAt:Infinity;this.lastStreamEventAt=now;return Number.isFinite(interval)?Math.max(1,Math.min(interval,2e3)):Math.max(0,this.animationDuration)}startAnimationLoop(){this.animationLoopRunning=true;if(this.animationFrameHandle!==null)return;const schedule=typeof requestAnimationFrame==="function"?requestAnimationFrame:(cb=>setTimeout(()=>cb(this.now()),16));const cancel=typeof cancelAnimationFrame==="function"?cancelAnimationFrame:(id=>clearTimeout(id));const tick=now=>{this.animationFrameHandle=null;this.animator.tick(now);const stillRunning=this.animator.hasActive();this.animationTick++;if(stillRunning){this.animationFrameHandle=schedule(tick)}else{this.animationLoopRunning=false;this.chartAnimationEnd.emit()}};this.animationFrameHandle=schedule(tick);this.stopAnimationLoopImpl=()=>{if(this.animationFrameHandle!==null){cancel(this.animationFrameHandle);this.animationFrameHandle=null}}}stopAnimationLoop(){this.stopAnimationLoopImpl?.();this.animationFrameHandle=null}activeStreamSource(){const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();if(route!=="stream")return void 0;if(this.streamSource)return this.streamSource;return this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax)){this.dropInternalStreamSource();return void 0}const capacity=Math.max(1,Math.floor(this.streamMax));if(this.internalStreamSource&&this.internalStreamCapacity===capacity)return this.internalStreamSource;this.internalStreamCapacity=capacity;this.internalStreamSource=createGaugeStreamSource();this.internalStreamValue=this.value;return this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0;this.internalStreamCapacity=void 0;this.internalStreamValue=void 0}bindStreamSource(){if(this.detached)return;const route=this.streamLicense.route();if(route==="plain")this.dropInternalStreamSource();let source=route==="stream"?this.streamSource??this.ensureInternalStreamSource():void 0;if(source===this.boundStreamSource)return;if(source!==void 0&&source===this.internalStreamSource&&!Object.is(this.value,this.internalStreamValue)){this.dropInternalStreamSource();source=this.ensureInternalStreamSource()}this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;if(!source)return;this.boundStreamSource=source;this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(event));const latest=source.latest();if(latest!==void 0){this.suppressNextValueAnimation=true;this.value=latest}this.noteStreamValue()}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamValue(){if(this.boundStreamSource!==void 0&&this.boundStreamSource===this.internalStreamSource)this.internalStreamValue=this.value}handleStreamEvent(event){if(!this.boundStreamSource)return;const latest=this.boundStreamSource.latest();if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});else if(event.type==="shift")this.windowSlid.emit({dropped:event.count});if(latest===void 0){this.animationTick++;return}const previous=this.value;this.suppressNextValueAnimation=true;this.value=latest;this.noteStreamValue();this.emitValueChange();if(this.shouldInitialAnimation(previous))this.startInitialReveal();else if(this.shouldUpdateAnimation(previous))this.retargetTweens("stream");else this.animationTick++}emitValueChange(){this.valueChange.emit({value:this.clampValue(this.value),fraction:this.fraction(this.value)});this.srAnnouncement=this.accessibleValueText()}buildPointerDetail(index2,value,cssX,cssY){const specs=this.currentNeedleSpecs();const r=resolveGaugeNeedle(specs[index2]??specs[0]??this.value,index2,this.color);const named=!!r.name&&r.name!==String(index2);const name=specs.length>1&&named?r.name:this.chartTitle??"Value";return{index:index2,id:r.id,name,value:this.clampValue(value),fraction:this.fraction(value),cssX,cssY}}pointerDetailAt(cssX,cssY,layout){if(this.variant==="clock"){const t=this.clockTime();const hands=clockHandValues(t);return{index:0,id:"clock",name:formatClockTime(t,this.showSeconds),value:hands.hour,fraction:hands.hour/12,cssX,cssY}}if(this.variant==="activity"){const rings=this.resolvedActivityRings(layout);const ring=this.activityRingAtPoint(cssX,cssY,layout,rings)??rings[0];if(ring){return{index:ring.index,id:ring.id,name:ring.name===String(ring.index)?this.chartTitle??`Ring ${ring.index+1}`:ring.name,value:ring.value,fraction:ring.fraction,cssX,cssY}}}const angle=angleForPoint(cssX,cssY,layout);const value=angleToValue(angle,this.min,this.max,layout.startAngle,layout.endAngle);return this.buildPointerDetail(0,value,cssX,cssY)}activityRingAtPoint(cssX,cssY,layout,rings=this.resolvedActivityRings(layout)){if(rings.length===0)return null;const dist=Math.sqrt((cssX-layout.cx)**2+(cssY-layout.cy)**2);const radii=solidRingRadii(layout.outerRadius,Math.max(0,layout.innerRadius),rings.length);for(let i=0;i<rings.length;i++){const lane=radii[i];if(lane&&dist>=lane.rInner-2&&dist<=lane.rOuter+2)return rings[i]}return null}anchorForDetail(detail,layout){if(this.variant==="activity"){const rings=this.resolvedActivityRings(layout);const ring=rings[detail.index]??rings[0];if(ring){const radii=solidRingRadii(layout.outerRadius,Math.max(0,layout.innerRadius),rings.length);const lane=radii[ring.index]??radii[0];return pointOnCircle(layout.cx,layout.cy,lane.centerR,ring.visible?ring.angle:layout.startAngle)}}return this.valueAnchorPoint(detail.value,layout)}localPoint(ev){const rect=this.host.getBoundingClientRect();return{x:ev.clientX-rect.left,y:ev.clientY-rect.top}}onChartMove=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const p=this.localPoint(ev);if(!isPointInDial(p.x,p.y,layout,4)){this.clearHover();return}const detail=this.pointerDetailAt(p.x,p.y,layout);this.gaugeHover.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&spec.trigger!=="click"){this.showTooltipForDetail(detail,this.anchorForDetail(detail,layout),spec,false)}};onChartLeave=()=>{this.clearHover()};onChartClick=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const p=this.localPoint(ev);if(!isPointInDial(p.x,p.y,layout,4)){if(this.hasVisibleTooltips())this.clearTooltips();return}const detail=this.pointerDetailAt(p.x,p.y,layout);this.gaugeClick.emit(detail);const spec=this.effectiveTooltipSpec();if(spec.show&&(spec.trigger==="click"||spec.trigger==="hover-click")){this.showTooltipForDetail(detail,this.anchorForDetail(detail,layout),spec,true)}};onPointContextMenu=ev=>{if(!this.enableMouseTracking)return;const layout=this.layoutForDraw();const p=this.localPoint(ev);if(!isPointInDial(p.x,p.y,layout,4))return;const detail=this.pointerDetailAt(p.x,p.y,layout);ev.preventDefault();ev.stopPropagation();this.pointContextMenu.emit(pointContextMenu.buildChartPointContextMenuDetail(ev,this.host,"gauge",detail,{index:0,id:"gauge",name:this.chartTitle??"Gauge"}))};clearHover(){this.gaugeHover.emit(null);if(this.shouldHideTooltipOnLeave(this.effectiveTooltipSpec()))this.clearTooltips()}effectiveTooltipSpec(){if(this.tooltip!==void 0)return resolveGaugeTooltipSpec(this.tooltip);return gaugeTooltipSpecFromLegacy({show:this.tooltipShow,format:this.tooltipFormat})}valueAnchorPoint(value,layout){const angle=valueToAngle(value,this.min,this.max,layout.startAngle,layout.endAngle);return pointOnCircle(layout.cx,layout.cy,layout.outerRadius*.6,angle)}defaultTooltipHtml(detail){const fmt=this.numberFormatter(this.valueFormat);const label=escapeHtml(this.tooltipLabel(detail));const pct=Math.round(detail.fraction*1e3)/10;if(this.variant==="clock"){return`${escapeHtml(this.chartTitle??"Clock")} · ${escapeHtml(detail.name)}`}if(this.variant==="activity"){const ring=this.resolvedActivityRings(this.layoutForDraw())[detail.index];if(ring)return`${label} · ${fmt(ring.value)}/${fmt(ring.max)} (${pct}%)`}if(this.valueDisplay==="percent"){return`${label} · ${fmt(detail.fraction*100)}%`}const unit=this.unit?" "+escapeHtml(this.unit):"";return`${label} · ${fmt(detail.value)}${unit} (${pct}%)`}plainTooltipText(detail){const fmt=this.numberFormatter(this.valueFormat);const label=this.tooltipLabel(detail);const pct=Math.round(detail.fraction*1e3)/10;if(this.variant==="clock"){return`${this.chartTitle??"Clock"} · ${detail.name}`}if(this.variant==="activity"){const ring=this.resolvedActivityRings(this.layoutForDraw())[detail.index];if(ring)return`${label} · ${fmt(ring.value)}/${fmt(ring.max)} (${pct}%)`}if(this.valueDisplay==="percent"){return`${label} · ${fmt(detail.fraction*100)}%`}const unit=this.unit?" "+this.unit:"";return`${label} · ${fmt(detail.value)}${unit} (${pct}%)`}tooltipLabel(detail){if(this.variant==="activity"&&detail.name&&detail.name!==String(detail.index)){return detail.name}if(this.currentNeedleSpecs().length>1&&detail.name&&detail.name!==String(detail.index)){return detail.name}return this.chartTitle??"Value"}buildTooltipContext(detail,point){return{index:detail.index,id:detail.id,name:detail.name,value:detail.value,fraction:detail.fraction,cssX:point.x,cssY:point.y}}hasVisibleTooltips(){return this.gaugeTooltip!==null||this.gaugeTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.gaugeTooltip=null;this.gaugeTooltips=[];this.tooltipHide.emit()}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForDetail(detail,anchorPoint,spec,allowMultiple){const context=this.buildTooltipContext(detail,anchorPoint);const side=spec.side??"top";const text=spec.format?safeFormatter.safeChartFormatter(spec.format,[detail,context],()=>this.plainTooltipText(detail),"tooltip.format",spec):this.plainTooltipText(detail);const html=spec.html?safeFormatter.safeChartFormatter(spec.html,[detail,context],()=>void 0,"tooltip.html",spec):spec.format?void 0:this.defaultTooltipHtml(detail);const locked=this.lockedTooltipPositionForDetail(detail,spec);const renderedSide=locked?.side??side;const renderedAnchor=locked?this.tooltipAnchorFromPositionLock(locked.lock,renderedSide,locked.box,spec.offset):{cssX:anchorPoint.x,cssY:anchorPoint.y};const rendered={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:anchorPoint.x,pointCssY:anchorPoint.y,box:locked?.box,side:renderedSide,text,html,className:spec.className,style:this.tooltipStyleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&spec.openMode==="multiple"){this.gaugeTooltip=rendered;this.gaugeTooltips=[...this.gaugeTooltips,rendered]}else{this.gaugeTooltips=[];this.gaugeTooltip=rendered}const eventDetail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html,context};this.tooltipShown.emit(eventDetail);return eventDetail}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}positionedTooltip(tooltip=this.gaugeTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=connector.computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset});const anchor=this.tooltipAnchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,cssX:anchor.cssX,cssY:anchor.cssY,side:placement.side}}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKey(index2){return String(index2)}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKey(tooltip.context.index),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForDetail(detail,spec){if(spec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKey(detail.index));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltip();if(!tooltip?.box||tooltip.context.index!==detail.index)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}measureGaugeTooltipBox(){if(this.gaugeTooltips.length>0)return;const tooltip=this.gaugeTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.gaugeTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.gaugeTooltips.find(entry=>entry.id===tooltipId)??this.gaugeTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.gaugeTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const rendered=this.positionedTooltip(this.gaugeTooltip)??this.gaugeTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=this.gaugeTooltip.box??rendered.box;const next={...this.gaugeTooltip,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.gaugeTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.gaugeTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.gaugeTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.gaugeTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.gaugeTooltip)this.rememberDraggableTooltipPosition(this.gaugeTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};accessibleValueText(){const fmt=this.numberFormatter(this.valueFormat);if(this.variant==="clock"){return formatClockTime(this.clockTime(),this.showSeconds)}if(this.variant==="activity"){const first=this.resolvedActivityRings(this.layoutForDraw())[0];if(first){const pct=Math.round(first.fraction*1e3)/10;return`${fmt(first.value)} of ${fmt(first.max)} (${pct} percent)`}}const v=this.clampValue(this.value);if(this.valueDisplay==="percent")return`${fmt(this.fraction(v)*100)} percent`;return`${fmt(v)}${this.unit?" "+this.unit:""}`}needleAccessibleText(index2){const palette=this.needlePalette();if(this.variant==="activity"){const ring=this.resolvedActivityRings(this.layoutForDraw())[index2];if(!ring)return this.accessibleValueText();const fmt2=this.numberFormatter(this.valueFormat);const pct2=Math.round(ring.fraction*1e3)/10;const name2=ring.name===String(index2)?`Ring ${index2+1}`:ring.name;return`${name2}: ${fmt2(ring.value)} of ${fmt2(ring.max)} (${pct2}%)`}const specs=this.currentNeedleSpecs();const spec=specs[index2];if(!spec)return this.accessibleValueText();const r=resolveGaugeNeedle(spec,index2,palette[index2%Math.max(1,palette.length)]??this.color);const fmt=this.numberFormatter(this.valueFormat);const v=this.clampValue(r.value);const pct=Math.round(this.fraction(r.value)*1e3)/10;const name=specs.length>1?`${r.name}: `:"";return`${name}${fmt(v)}${this.unit?" "+this.unit:""} (${pct}%)`}onChartFocus=()=>{if(this.focusedNeedleIndex<0){this.focusedNeedleIndex=0;this.srAnnouncement=this.needleAccessibleText(0)}};onChartBlur=()=>{this.focusedNeedleIndex=-1};onChartKeyDown=ev=>{const count=this.variant==="activity"?this.activityRingSpecs().length:this.currentNeedleSpecs().length;if(count===0)return;let idx=this.focusedNeedleIndex<0?0:this.focusedNeedleIndex;switch(ev.key){case"ArrowRight":case"ArrowDown":ev.preventDefault();idx=(idx+1)%count;break;case"ArrowLeft":case"ArrowUp":ev.preventDefault();idx=(idx-1+count)%count;break;case"Home":ev.preventDefault();idx=0;break;case"End":ev.preventDefault();idx=count-1;break;default:return}this.focusedNeedleIndex=idx;this.srAnnouncement=this.needleAccessibleText(idx)};render(){const renderStart=this.now();const decision=pickGaugeEngine({requested:this.engine,onUnavailable:this.unavailable});if(decision.tier!==this.activeTier)this.activeTier=decision.tier;if(decision.fallbackReason!==this.fallbackReason)this.fallbackReason=decision.fallbackReason;const layout=this.layoutForDraw();const variant=this.variant;const needles=this.variant==="clock"?this.resolvedClockNeedles(layout):this.isDialLike()?this.resolvedNeedles(layout):[];const bands=this.resolvedBands(layout);const ticks=variant==="activity"?[]:variant==="clock"?this.resolvedClockTicks(layout):this.resolvedTicks(layout);const rings=variant==="solid"?this.resolvedRings(layout):[];const activityRings=variant==="activity"?this.resolvedActivityRings(layout):[];const visual=prepareGaugeLayout({layout,variant,needles,bands,ticks,rings:variant==="activity"?activityRings.map(r=>({key:r.id,angle:r.visible?r.angle:layout.startAngle,color:r.color,trackColor:r.trackColor})):rings.length>0?rings.map(r=>({key:r.key,angle:r.angle,color:r.color})):void 0,style:this.visualStyle()});this.lastRenderResult={needles:visual.needleCount,renderMs:this.now()-renderStart};this.pendingRenderedEmit=true;const readoutValue=this.readoutValue(needles,rings,activityRings);const legendLayout=this.legend?this.buildLegendLayout():null;const isMeter=variant==="activity"?activityRings.length<=1:variant==="clock"?false:this.variant==="solid"||needles.length<=1;const primaryRing=activityRings[0];return index.h(index.Host,{key:"6d1ca66e818386c280b1669d4d02c331d72d048d","data-active-tier":this.activeTier,"data-sy-brand-host":"chart"},index.h("div",{key:"c788806c3d73b9110f23e414d460400ca1e324c4",class:"sy-gauge-chart",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"}},index.h("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:variant==="activity"?activityRings.length>1?"group":"meter":variant==="clock"?"img":this.ariaRole(needles),"aria-valuenow":isMeter?Math.round((variant==="activity"&&primaryRing?primaryRing.value:this.clampValue(this.value))*100)/100:void 0,"aria-valuemin":isMeter?variant==="activity"?0:this.min:void 0,"aria-valuemax":isMeter?variant==="activity"&&primaryRing?primaryRing.max:this.max:void 0,"aria-valuetext":isMeter?this.accessibleValueText():void 0,"aria-label":variant==="clock"?`${this.chartTitle??"Clock"} — ${this.accessibleValueText()}`:this.chartTitle??"Gauge",tabindex:0,onMouseMove:ev=>this.onChartMove(ev),onMouseLeave:()=>this.onChartLeave(),onContextMenu:ev=>this.onPointContextMenu(ev),onClick:ev=>this.onChartClick(ev),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onKeyDown:ev=>this.onChartKeyDown(ev)},this.chartTitle?index.h("text",{class:"sy-gauge-chart__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?index.h("text",{class:"sy-gauge-chart__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,(variant==="solid"||variant==="activity")&&visual.solidRings?index.h("g",{class:"sy-gauge-chart__solid"},visual.solidRings.map(ring=>index.h("path",{key:`${ring.key}-track`,class:"sy-gauge-chart__track",d:ring.trackPath,fill:"none",stroke:ring.trackColor??this.trackColor,"stroke-width":ring.strokeWidth,"stroke-linecap":this.rounded?"round":"butt"})),visual.solidRings.map(ring=>ring.progressPath?index.h("path",{key:`${ring.key}-progress`,class:"sy-gauge-chart__progress",d:ring.progressPath,fill:"none",stroke:ring.progressColor,"stroke-width":ring.strokeWidth,"stroke-linecap":this.rounded?"round":"butt"}):null)):null,visual.bandVisuals.length>0?index.h("g",{class:"sy-gauge-chart__bands"},visual.bandTrackPath?index.h("path",{class:"sy-gauge-chart__band-track",d:visual.bandTrackPath,fill:visual.bandTrackColor}):null,visual.bandVisuals.map(b=>index.h("path",{key:b.key,class:"sy-gauge-chart__band",d:b.path,fill:b.color}))):null,visual.tickVisuals.length>0?index.h("g",{class:"sy-gauge-chart__ticks"},visual.tickVisuals.map(t=>index.h("line",{key:`${t.key}-m`,class:t.major?"sy-gauge-chart__tick sy-gauge-chart__tick--major":"sy-gauge-chart__tick",x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:t.color,"stroke-width":t.width})),visual.tickVisuals.map(t=>t.label?index.h("text",{key:`${t.key}-l`,class:"sy-gauge-chart__tick-label",x:t.label.x,y:t.label.y,fill:t.label.color,"text-anchor":t.label.anchor,style:{fontSize:`${t.label.fontSize}px`}},t.label.text):null)):null,this.isDialLike()?index.h("g",{class:"sy-gauge-chart__needles"},visual.needleVisuals.map(n=>index.h("path",{key:n.key,class:"sy-gauge-chart__needle",d:n.path,fill:n.color})),visual.pivot?index.h("circle",{class:"sy-gauge-chart__pivot",cx:visual.pivot.cx,cy:visual.pivot.cy,r:visual.pivot.r,fill:visual.pivot.color}):null):null,this.renderReadout(layout,readoutValue)),legendLayout?.legendRect?index.h("div",{class:"sy-gauge-chart__legend",role:"group","aria-label":"Legend",style:{position:"absolute",left:`${legendLayout.legendRect.x}px`,top:`${legendLayout.legendRect.y}px`,width:`${legendLayout.legendRect.width}px`,height:`${legendLayout.legendRect.height}px`}},this.buildLegendItems().map((item,i)=>{const rect=legendLayout.itemRects[i];if(!rect)return null;return index.h("span",{role:"button",tabindex:0,"aria-pressed":item.disabled?"false":"true","aria-label":`${item.label}${item.disabled?", hidden":", shown"}`,class:`sy-gauge-chart__legend-item${item.disabled?" sy-gauge-chart__legend-item--disabled":""}`,style:{position:"absolute",left:`${rect.x-legendLayout.legendRect.x}px`,top:`${rect.y-legendLayout.legendRect.y}px`,height:`${rect.height}px`,display:"flex",alignItems:"center",gap:"6px",whiteSpace:"nowrap"},onClick:()=>this.onLegendItemClick(i,String(item.id??i),item.label),onKeyDown:ev=>this.onLegendKeyDown(ev,i,String(item.id??i),item.label)},index.h("span",{class:"sy-gauge-chart__legend-swatch",style:{background:item.swatchColor}}),index.h("span",null,item.label))})):null,index.h("div",{key:"7ccac060f36df4b192eb8523044496d42d3d23b4",class:"sy-gauge-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason?index.h("span",{class:"sy-gauge-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"):null,this.renderGaugeTooltipConnector(),this.renderGaugeTooltip()),chartBrand.renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:this.plotRectFromLegend(legendLayout)}))}renderGaugeTooltip(){const multiple=this.gaugeTooltips.length>0;const tooltips=multiple?this.gaugeTooltips:[this.positionedTooltip()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderGaugeTooltipItem(tooltip,!multiple))}renderGaugeTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=gaugeTooltipCssValue(key,value)}if(tooltipHtml!==void 0){return index.h("div",{class:gaugeTooltipClassName("sy-gauge-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return index.h("div",{class:gaugeTooltipClassName("sy-gauge-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderGaugeTooltipConnector(){const tooltips=this.gaugeTooltips.length>0?this.gaugeTooltips:[this.positionedTooltip()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return index.h("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"},connectedTooltips.map(tooltip=>{const connector$1=tooltip.connector;const end=connector.tooltipConnectorEnd(tooltip);return index.h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector$1.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector$1.width??1,"stroke-dasharray":connector$1.dash?.join(" ")})}))}ariaRole(needles){return needles.length>1?"group":"meter"}readoutValue(needles,rings,activityRings=[]){const now=this.now();const easing=this.tweenEasing();if(this.variant==="activity"){const first=activityRings[0];if(!first)return 0;const v=this.animator.valueAtClamped(first.id,now,easing);return Math.max(0,Math.min(v!==void 0?v:first.value,first.max))}if(this.variant==="solid"){const first=rings.length>0?rings[0]:{key:SOLID_KEY,value:this.value};const v=this.animator.valueAtClamped(first.key,now,easing);return this.clampValue(v!==void 0?v:first.value)}if(needles.length>0){const v=this.animator.valueAtClamped(needles[0].id,now,easing);return this.clampValue(v!==void 0?v:needles[0].value)}return this.clampValue(this.value)}formatReadout(value){const fmt=this.numberFormatter(this.valueFormat);if(this.valueDisplay==="percent"){if(this.variant==="activity"){const first=this.resolvedActivityRings(this.layoutForDraw())[0];const frac=first&&first.max>0?Math.max(0,Math.min(value/first.max,1)):0;return{main:`${fmt(frac*100)}%`,sub:this.centerSubtext}}return{main:`${fmt(this.fraction(value)*100)}%`,sub:this.centerSubtext}}return{main:fmt(value),sub:this.centerSubtext??this.unit}}readoutLayout(layout,hasSub,plotBottom){const baseFs=Math.max(8,this.valueFontSize);if(this.isSolidLike()){const subFs2=Math.max(10,baseFs*.42);return{valueY:layout.cy,subY:layout.cy+baseFs*.62+subFs2*.5,fs:baseFs,subFs:subFs2}}const downCos=Math.max(-Math.cos(layout.startAngle),-Math.cos(layout.endAngle),0);const hasBands=this.bandList().length>0;const tickAnchor=hasBands?layout.outerRadius-this.bandThickness:layout.outerRadius;const labelRingR=Math.max(8,tickAnchor-this.tickLength-this.tickLabelDistance);const labelsBelow=this.showTicks&&this.showTickLabels&&downCos>.35;const top=layout.cy+this.pivotRadius+2;const floor=labelsBelow?layout.cy+labelRingR*downCos-this.tickLabelFontSize*.5-3:plotBottom-8;const bottom=Math.max(top+10,Math.min(floor,plotBottom-8));const avail=bottom-top;const ratio=hasSub?1.5:1;let fs=baseFs;if(fs*ratio>avail)fs=Math.max(11,avail/ratio);const subFs=hasSub?Math.max(9,fs*.42):0;const stackH=fs+(hasSub?fs*.08+subFs:0);const stackTop=top+Math.max(0,(avail-stackH)/2);const valueY=stackTop+fs*.5;const subY=hasSub?stackTop+fs+fs*.08+subFs*.5:valueY;return{valueY,subY,fs,subFs}}renderReadout(layout,value){const hasCenterText=this.centerText!==void 0&&this.centerText!=="";if(this.variant==="clock"&&!hasCenterText)return null;if(!hasCenterText&&!this.showValue)return null;const formatted=this.formatReadout(value);const main=hasCenterText?this.centerText:formatted.main;const sub=hasCenterText?this.centerSubtext:formatted.sub;const plot=this.plotRectFromLegend(this.legend?this.buildLegendLayout():null);const r=this.readoutLayout(layout,!!sub,plot.y+plot.height);return index.h("g",{class:"sy-gauge-chart__readout"},index.h("text",{class:"sy-gauge-chart__value",x:layout.cx,y:r.valueY,fill:this.valueColor,style:{fontSize:`${r.fs}px`,fontWeight:"700"}},main),sub?index.h("text",{class:"sy-gauge-chart__value-sub",x:layout.cx,y:r.subY,fill:this.tickLabelColor,style:{fontSize:`${r.subFs}px`}},sub):null)}async getEngineStatus(){return standardEngineStatus.standardOnlyEngineStatus({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}]}}};function escapeHtml(s){return s.replace(/[&<>"']/g,ch=>{switch(ch){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";case"'":return"'";default:return ch}})}SyGaugeChart.style=syGaugeChartCss();exports.sy_gauge_chart=SyGaugeChart;