@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/collection/components/chart/data-zoom/sy-data-zoom.js

@@ -0,0 +1 @@
+import{h,Host}from"@stencil/core";import{applyDataZoomKeyAction,DATA_ZOOM_TRACK_PAD,dataZoomSpanForPixels,dataZoomTrackFor,dataZoomTrackValue,dataZoomWindowPixels,dataZoomWindowsEqual,dragDataZoomWindow,formatDataZoomValue,isFullDataZoomWindow,keyboardDataZoomAction,normalizeDataZoomExtent,pageDataZoomWindow,resolveDataZoomWindow}from"./core/data-zoom-model.js";import{resolveDataZoomTarget,whenTargetDefined}from"./core/data-zoom-target.js";const TRACK_PAD=DATA_ZOOM_TRACK_PAD;const HANDLE_SIZE=6;const HANDLE_HIT_PAD=6;const LABEL_GAP=4;export class SyDataZoom{host;for;target;orientation="horizontal";axis;width=640;height=28;minRangePx=8;stepFraction=.1;showLabels=true;format;disabled=false;extent=null;window=null;dragging=null;axisKey=null;rangeChange;boundTarget=null;drag=null;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;if(!this.hasLoaded)return;this.bindTarget()}componentDidLoad(){this.hasLoaded=true;this.bindTarget()}disconnectedCallback(){this.detached=true;this.unbindTarget();this.drag=null;this.dragging=null}onTargetChange(){this.bindTarget()}onAxisChange(){void this.refresh()}async refresh(){const target=this.boundTarget;if(!target){this.extent=null;this.window=null;this.axisKey=null;return}await whenTargetDefined(target);if(!target.getZoomExtent)return;const request=this.orientation==="horizontal"?{xAxis:this.axis}:{yAxis:this.axis};const detail=await target.getZoomExtent(request);const axisExtent=this.orientation==="horizontal"?detail?.x:detail?.y;this.axisKey=axisExtent?.key??null;this.extent=normalizeDataZoomExtent(axisExtent);if(this.drag)return;this.adoptState(await target.getZoom?.()??null)}async setWindow(window){this.commit(window?resolveDataZoomWindow(window,this.extent??{min:0,max:1},this.minSpan()):null,false,"api");return this.window}async getWindow(){return this.window}async getExtent(){return this.extent}resolveTarget(){const root=this.host.getRootNode();return resolveDataZoomTarget(this.target,this.for,root,typeof document!=="undefined"?document:null)}bindTarget(){if(this.detached)return;const next=this.resolveTarget();if(next!==this.boundTarget){this.unbindTarget();this.boundTarget=next;if(next){next.addEventListener("zoomChange",this.handleTargetZoomChange);next.addEventListener("rendered",this.handleTargetRendered)}}void this.refresh()}unbindTarget(){const target=this.boundTarget;if(!target)return;target.removeEventListener("zoomChange",this.handleTargetZoomChange);target.removeEventListener("rendered",this.handleTargetRendered);this.boundTarget=null}handleTargetZoomChange=event=>{if(this.drag)return;const before=this.window;this.adoptState(event.detail?.zoom??null);if(event.detail?.source==="slider")return;if(!dataZoomWindowsEqual(before,this.window))this.rangeChange.emit({window:this.window,source:"chart",live:false})};handleTargetRendered=()=>{if(this.drag)return;void this.refresh()};adoptState(state){const extent=this.extent;const key=this.axisKey;if(!extent||key===null){this.window=null;return}const windows=this.orientation==="horizontal"?state?.x:state?.y;const window=windows?.[key];this.window=window&&!isFullDataZoomWindow(window,extent)?resolveDataZoomWindow(window,extent):null}axisTrack(){return dataZoomTrackFor(this.orientation,this.width,this.height)}minSpan(){const extent=this.extent;if(!extent)return 0;return dataZoomSpanForPixels(this.minRangePx,extent,this.axisTrack())}fullWindow(){const extent=this.extent;return extent?{min:extent.min,max:extent.max}:null}axisPx(e){const rect=this.host.getBoundingClientRect();return this.orientation==="horizontal"?e.clientX-rect.left:e.clientY-rect.top}commit(next,live,source){const extent=this.extent;if(!extent)return;const resolved=next?resolveDataZoomWindow(next,extent,this.minSpan()):null;const window=resolved&&!isFullDataZoomWindow(resolved,extent)?resolved:null;const changed=!dataZoomWindowsEqual(this.window,window);this.window=window;const target=this.boundTarget;if(target?.zoomTo){const request={source:source==="api"?"api":"slider"};if(live)request.live=true;const pair=window?[window.min,window.max]:null;if(this.orientation==="horizontal"){request.x=pair;if(this.axis!==void 0)request.xAxis=this.axis}else{request.y=pair;if(this.axis!==void 0)request.yAxis=this.axis}void target.zoomTo(request)}if(changed||!live)this.rangeChange.emit({window,source,live})}onPartPointerDown(kind,e){if(this.disabled||!this.extent||e.button!==0)return;e.preventDefault();e.stopPropagation();e.currentTarget?.setPointerCapture?.(e.pointerId);const startWindow=this.window??this.fullWindow();if(!startWindow)return;this.drag={kind,pointerId:e.pointerId,startPx:this.axisPx(e),startWindow,moved:false};this.dragging=kind}onPartPointerMove=e=>{const drag=this.drag;const extent=this.extent;if(!drag||drag.pointerId!==e.pointerId||!extent)return;const next=dragDataZoomWindow(drag.kind,drag.startWindow,this.axisPx(e)-drag.startPx,extent,this.axisTrack(),this.minSpan());if(!drag.moved&&dataZoomWindowsEqual(next,drag.startWindow))return;drag.moved=true;this.commit(next,true,"slider")};onPartPointerUp=e=>{const drag=this.drag;if(!drag||drag.pointerId!==e.pointerId)return;this.drag=null;this.dragging=null;e.currentTarget?.releasePointerCapture?.(e.pointerId);if(drag.moved)this.commit(this.window,false,"slider")};onPartPointerCancel=()=>{const drag=this.drag;this.drag=null;this.dragging=null;if(drag?.moved)this.commit(this.window,false,"slider")};onTrackClick=e=>{const extent=this.extent;const window=this.window;if(this.disabled||!extent||!window)return;this.commit(pageDataZoomWindow(window,extent,dataZoomTrackValue(this.axisPx(e),extent,this.axisTrack())),false,"slider")};onKeyDown=e=>{const extent=this.extent;if(this.disabled||!extent)return;const action=keyboardDataZoomAction(e);if(!action)return;e.preventDefault();const window=this.window??this.fullWindow();if(!window)return;this.commit(applyDataZoomKeyAction(action,window,extent,this.stepFraction,this.minSpan()),false,"slider")};render(){const horizontal=this.orientation==="horizontal";const extent=this.extent;const track=this.axisTrack();const window=extent?this.window??{min:extent.min,max:extent.max}:null;const px=extent&&window?dataZoomWindowPixels(window,extent,track):null;const lo=px?Math.min(px.start,px.end):0;const hi=px?Math.max(px.start,px.end):0;const trackLo=Math.min(track.start,track.end);const trackHi=Math.max(track.start,track.end);const thickness=Math.max(4,(horizontal?this.height:this.width)-2*TRACK_PAD);const zoomed=!!(extent&&this.window);const label=value=>formatDataZoomValue(value,this.format);const windowCursor=this.disabled?"default":this.dragging==="window"?"grabbing":"grab";const handleCursor=this.disabled?"default":horizontal?"ew-resize":"ns-resize";const textY=horizontal?TRACK_PAD+thickness/2+4:void 0;const labelX=horizontal?void 0:TRACK_PAD+thickness+LABEL_GAP;const handle=(edge,at)=>{const gripA=TRACK_PAD+thickness*.3;const gripB=TRACK_PAD+thickness*.7;const grip=horizontal?`M ${(at-1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)} M ${(at+1.5).toFixed(1)} ${gripA.toFixed(1)} V ${gripB.toFixed(1)}`:`M ${gripA.toFixed(1)} ${(at-1.5).toFixed(1)} H ${gripB.toFixed(1)} M ${gripA.toFixed(1)} ${(at+1.5).toFixed(1)} H ${gripB.toFixed(1)}`;const kind=edge==="min"?"handle-min":"handle-max";return h("g",{class:"sy-data-zoom__handle-group","data-edge":edge,style:{cursor:handleCursor},onPointerDown:e=>this.onPartPointerDown(kind,e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel},h("rect",{class:"sy-data-zoom__handle-hit",x:horizontal?at-HANDLE_SIZE/2-HANDLE_HIT_PAD:TRACK_PAD-HANDLE_HIT_PAD,y:horizontal?TRACK_PAD-HANDLE_HIT_PAD:at-HANDLE_SIZE/2-HANDLE_HIT_PAD,width:horizontal?HANDLE_SIZE+2*HANDLE_HIT_PAD:thickness+2*HANDLE_HIT_PAD,height:horizontal?thickness+2*HANDLE_HIT_PAD:HANDLE_SIZE+2*HANDLE_HIT_PAD}),h("rect",{class:"sy-data-zoom__handle","data-edge":edge,x:horizontal?at-HANDLE_SIZE/2:TRACK_PAD,y:horizontal?TRACK_PAD:at-HANDLE_SIZE/2,width:horizontal?HANDLE_SIZE:thickness,height:horizontal?thickness:HANDLE_SIZE,rx:2}),h("path",{class:"sy-data-zoom__handle-grip",d:grip}))};return h(Host,{class:{"sy-data-zoom":true,"sy-data-zoom--vertical":!horizontal,"sy-data-zoom--zoomed":zoomed,"sy-data-zoom--disabled":this.disabled,"sy-data-zoom--empty":!extent,"sy-data-zoom--dragging":this.dragging!==null,[`sy-data-zoom--dragging-${this.dragging??"none"}`]:this.dragging!==null},style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"slider",tabIndex:this.disabled?void 0:0,"aria-label":`Data zoom (${horizontal?"x":"y"})`,"aria-orientation":horizontal?"horizontal":"vertical","aria-valuemin":extent?extent.min:void 0,"aria-valuemax":extent?extent.max:void 0,"aria-valuenow":window?(window.min+window.max)/2:void 0,"aria-valuetext":window?`${label(window.min)} to ${label(window.max)}`:"no data","aria-disabled":this.disabled?"true":void 0,"data-window":window?`${window.min}..${window.max}`:void 0,onKeyDown:this.onKeyDown},h("svg",{class:"sy-data-zoom__svg",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},h("rect",{class:"sy-data-zoom__track",x:horizontal?trackLo:TRACK_PAD,y:horizontal?TRACK_PAD:trackLo,width:horizontal?trackHi-trackLo:thickness,height:horizontal?thickness:trackHi-trackLo,rx:3,onClick:this.onTrackClick}),extent&&px?h("g",{class:"sy-data-zoom__range"},h("rect",{class:"sy-data-zoom__window",x:horizontal?lo:TRACK_PAD,y:horizontal?TRACK_PAD:lo,width:horizontal?Math.max(1,hi-lo):thickness,height:horizontal?thickness:Math.max(1,hi-lo),rx:2,style:{cursor:windowCursor},onPointerDown:e=>this.onPartPointerDown("window",e),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel}),handle("min",px.start),handle("max",px.end),this.showLabels&&(zoomed||this.dragging!==null)?h("g",{class:"sy-data-zoom__labels"},h("text",{class:"sy-data-zoom__label","data-edge":"min",x:horizontal?px.start-HANDLE_SIZE/2-LABEL_GAP:labelX,y:horizontal?textY:px.start+4,"text-anchor":horizontal?"end":"start"},label(window.min)),h("text",{class:"sy-data-zoom__label","data-edge":"max",x:horizontal?px.end+HANDLE_SIZE/2+LABEL_GAP:labelX,y:horizontal?textY:px.end+4,"text-anchor":"start"},label(window.max))):null):null))}static get is(){return"sy-data-zoom"}static get originalStyleUrls(){return{"$":["sy-data-zoom.scss"]}}static get styleUrls(){return{"$":["sy-data-zoom.css"]}}static get properties(){return{"for":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"for"},"target":{"type":"unknown","mutable":false,"complexType":{"original":"DataZoomTargetElement | null","resolved":"DataZoomTargetElement","references":{"DataZoomTargetElement":{"location":"import","path":"./core/data-zoom-target","id":"src/components/chart/data-zoom/core/data-zoom-target.ts::DataZoomTargetElement","referenceLocation":"DataZoomTargetElement"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"orientation":{"type":"string","mutable":false,"complexType":{"original":"DataZoomOrientation","resolved":'"horizontal" | "vertical"',"references":{"DataZoomOrientation":{"location":"import","path":"./core/data-zoom-model","id":"src/components/chart/data-zoom/core/data-zoom-model.ts::DataZoomOrientation","referenceLocation":"DataZoomOrientation"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"orientation","defaultValue":"'horizontal'"},"axis":{"type":"any","mutable":false,"complexType":{"original":"CartesianAxisId","resolved":"number | string","references":{"CartesianAxisId":{"location":"import","path":"../_shared/core/contract/cartesian-contract","id":"src/components/chart/_shared/core/contract/cartesian-contract.ts::CartesianAxisId","referenceLocation":"CartesianAxisId"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"axis"},"width":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"width","defaultValue":"640"},"height":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"height","defaultValue":"28"},"minRangePx":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"min-range-px","defaultValue":"8"},"stepFraction":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"step-fraction","defaultValue":"0.1"},"showLabels":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"show-labels","defaultValue":"true"},"format":{"type":"unknown","mutable":false,"complexType":{"original":"(value: number) => string","resolved":"(value: number) => string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"disabled":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"disabled","defaultValue":"false"}}}static get states(){return{"extent":{},"window":{},"dragging":{},"axisKey":{}}}static get events(){return[{"method":"rangeChange","name":"rangeChange","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DataZoomRangeChangeEventDetail","resolved":"DataZoomRangeChangeEventDetail","references":{"DataZoomRangeChangeEventDetail":{"location":"local","path":"src/components/chart/data-zoom/sy-data-zoom.tsx","id":"src/components/chart/data-zoom/sy-data-zoom.tsx::DataZoomRangeChangeEventDetail"}}}}]}static get methods(){return{"refresh":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomExtentRequest":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomExtentRequest","referenceLocation":"CartesianZoomExtentRequest"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"setWindow":{"complexType":{"signature":"(window: CartesianZoomWindow | readonly [number, number] | null) => Promise<CartesianZoomWindow | null>","parameters":[{"name":"window","type":"readonly [number, number] | CartesianZoomWindow","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomWindow":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomWindow","referenceLocation":"CartesianZoomWindow"}},"return":"Promise<CartesianZoomWindow>"},"docs":{text:"",tags:[]}},"getWindow":{"complexType":{"signature":"() => Promise<CartesianZoomWindow | null>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianZoomWindow":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::CartesianZoomWindow","referenceLocation":"CartesianZoomWindow"}},"return":"Promise<CartesianZoomWindow>"},"docs":{text:"",tags:[]}},"getExtent":{"complexType":{"signature":"() => Promise<ZoomExtent | null>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ZoomExtent":{"location":"import","path":"../_shared/core/zoom","id":"src/components/chart/_shared/core/zoom/index.ts::ZoomExtent","referenceLocation":"ZoomExtent"}},"return":"Promise<ZoomExtent>"},"docs":{text:"",tags:[]}}}}static get elementRef(){return"host"}static get watchers(){return[{"propName":"for","methodName":"onTargetChange"},{"propName":"target","methodName":"onTargetChange"},{"propName":"orientation","methodName":"onAxisChange"},{"propName":"axis","methodName":"onAxisChange"}]}}

package/dist/collection/components/chart/dot-plot-chart/core/dot-plot-animator.js

@@ -0,0 +1 @@
+export function applyDotPlotEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createDotPlotAnimator(){const entries=new Map;function elapsed(e,now){if(e.startedAt<0)return e.pausedElapsed;if(e.paused)return e.pausedElapsed;return Math.max(0,now-e.startedAt+e.pausedElapsed)}function rawProgress(e,now){if(e.duration<=0)return 1;return clamp01(elapsed(e,now)/e.duration)}return{start(key,opts){entries.set(key,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,opts.duration),easing:opts.easing})},progressAt(key,now){const e=entries.get(key);if(!e)return void 0;if(e.startedAt<0&&!e.paused)e.startedAt=now;return applyDotPlotEasing(rawProgress(e,now),e.easing)},has(key){return entries.has(key)},isActive(key,now){const e=entries.get(key);if(!e)return false;if(e.paused)return true;return rawProgress(e,now)<1},tick(now){const done=[];for(const[key,e]of entries){if(e.startedAt<0&&!e.paused)e.startedAt=now;if(e.paused)continue;if(rawProgress(e,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const e of entries.values()){if(e.paused)continue;if(e.startedAt>=0)e.pausedElapsed+=now-e.startedAt;e.paused=true}},resumeAll(now){for(const e of entries.values()){if(!e.paused)continue;e.startedAt=now;e.paused=false}},hasActive(){for(const e of entries.values())if(!e.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}

package/dist/collection/components/chart/dot-plot-chart/core/dot-plot-chart-core.js

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

package/dist/collection/components/chart/dot-plot-chart/core/dot-plot-geometry.js

@@ -0,0 +1 @@
+function toFiniteOrNull(value){const v=typeof value==="bigint"?Number(value):value;return typeof v==="number"&&Number.isFinite(v)?v:null}export function computeDotPlotModel(series,categories,options={}){const list=Array.isArray(series)?series:[];const categoryCount=list.reduce((max,s)=>Math.max(max,s.values?.length??0),categories?.length??0);const cleaned=list.map(s=>{const values=new Array(categoryCount);for(let c=0;c<categoryCount;c++)values[c]=toFiniteOrNull(s.values?.[c]);return{name:s.name??"",color:s.color,values}});let order=Array.from({length:categoryCount},(_,i)=>i);if(options.sortDescending&&cleaned[0]){order=order.sort((a,b)=>(cleaned[0].values[b]??-Infinity)-(cleaned[0].values[a]??-Infinity)||a-b)}const cats=order.map((sourceIndex,index)=>({index,sourceIndex,label:categories?.[sourceIndex]??String(sourceIndex+1)}));const sortedSeries=cleaned.map(s=>({name:s.name,color:s.color,values:order.map(src=>s.values[src])}));let minValue=0;let maxValue=0;let sawFinite=false;for(const s of sortedSeries){for(const v of s.values){if(v===null)continue;if(!sawFinite){minValue=v;maxValue=v;sawFinite=true}else{minValue=Math.min(minValue,v);maxValue=Math.max(maxValue,v)}}}return{series:sortedSeries,categories:cats,minValue:sawFinite?minValue:0,maxValue:sawFinite?maxValue:1,categoryCount,seriesCount:sortedSeries.length}}export function dotPlotBandHeight(plotHeight,n){return n>0?plotHeight/n:plotHeight}export function dotPlotRowCenterY(plot,i,n){return plot.y+(i+.5)*dotPlotBandHeight(plot.height,n)}export function dotPlotDots(model,plot,valueX){const n=model.categories.length;const dots=[];for(const cat of model.categories){const cy=dotPlotRowCenterY(plot,cat.index,n);for(let s=0;s<model.series.length;s++){const value=model.series[s].values[cat.index];if(value===null)continue;dots.push({categoryIndex:cat.index,seriesIndex:s,category:cat.label,seriesName:model.series[s].name,value,cx:valueX(value),cy})}}return dots}export function dotPlotRows(model,plot,valueX){const n=model.categories.length;const rows=[];for(const cat of model.categories){let minX=Infinity;let maxX=-Infinity;for(let s=0;s<model.series.length;s++){const value=model.series[s].values[cat.index];if(value===null)continue;const x=valueX(value);minX=Math.min(minX,x);maxX=Math.max(maxX,x)}if(minX===Infinity)continue;rows.push({categoryIndex:cat.index,category:cat.label,centerY:dotPlotRowCenterY(plot,cat.index,n),minX,maxX})}return rows}export function dotPlotMarkerPath(symbol,cx,cy,r){const x=round(cx);const y=round(cy);const rr=round(r);switch(symbol){case"square":return`M ${x-rr} ${y-rr} H ${x+rr} V ${y+rr} H ${x-rr} Z`;case"diamond":return`M ${x} ${y-rr} L ${x+rr} ${y} L ${x} ${y+rr} L ${x-rr} ${y} Z`;case"triangle":return`M ${x} ${round(cy-r)} L ${round(cx+r)} ${round(cy+r)} L ${round(cx-r)} ${round(cy+r)} Z`;default:return`M ${x-rr} ${y} a ${rr} ${rr} 0 1 0 ${rr*2} 0 a ${rr} ${rr} 0 1 0 ${-rr*2} 0`}}export function dotPlotRowAtPoint(plot,n,cssX,cssY){if(n===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const index=Math.floor((cssY-plot.y)/dotPlotBandHeight(plot.height,n));return Math.max(0,Math.min(n-1,index))}function round(v){return Math.round(v*100)/100}

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

@@ -0,0 +1 @@
+export function createDotPlotStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}

package/dist/collection/components/chart/dot-plot-chart/core/dot-plot-stream-source.js

@@ -0,0 +1 @@
+export function toDatum(input){if(input&&typeof input==="object"&&Array.isArray(input.values)){return{category:input.category,values:input.values.map(v=>{const n=typeof v==="bigint"?Number(v):v;return Number.isFinite(n)?n:0})}}return void 0}export{toDatum as normalizeDotPlotStreamDatum};export{createDotPlotStreamSource}from"./dot-plot-stream-source-runtime.js";

package/dist/collection/components/chart/dot-plot-chart/core/types.js

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

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

@@ -0,0 +1 @@
+export{computeDotPlotModel,dotPlotDots,dotPlotRows,dotPlotMarkerPath,dotPlotRowAtPoint,dotPlotRowCenterY}from"../../core/dot-plot-geometry.js";export const DOT_PLOT_STANDARD_ENGINE="standard";

package/dist/collection/components/chart/dot-plot-chart/index.js

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

package/dist/collection/components/chart/dot-plot-chart/sy-dot-plot-chart.css

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative}.sy-dot-plot-chart__surface{display:block}.sy-dot-plot-chart__dot{transition:opacity 120ms ease}.sy-dot-plot-chart__tooltip,.sy-dot-plot-chart__legend{pointer-events:none}.sy-dot-plot-chart__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sy-dot-plot-chart__watermark{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}

package/dist/collection/components/chart/dot-plot-chart/sy-dot-plot-chart.js

@@ -0,0 +1 @@
+import{reportChartFormatterError,safeChartFormatter}from"../_shared/core/format/safe-formatter.js";import{h,Host}from"@stencil/core";import{computeDotPlotModel,dotPlotDots,dotPlotMarkerPath,dotPlotRowAtPoint,dotPlotRowCenterY,dotPlotRows}from"./core/dot-plot-geometry.js";import{pickDotPlotEngine}from"./core/dot-plot-chart-core.js";import{createDotPlotAnimator}from"./core/dot-plot-animator.js";import{createDotPlotStreamSource,normalizeDotPlotStreamDatum}from"./core/dot-plot-stream-source.js";import{ChartStreamingGate,standardOnlyEngineStatus,applyPlainStreamOp,chartStreamingInput,plainStreamFrame}from"../pie-chart/license/chart-streaming-gate.js";import{resolveCartesianAxesSpec,resolveCartesianCrosshairSpec,resolveCartesianGridLinesSpec,resolveCartesianTooltipSpec}from"../_shared/core/contract/index.js";import{computeCartesianFrame}from"../_shared/core/layout/cartesian-frame.js";import{cartesianTooltipAnchor}from"../_shared/core/layout/index.js";import{avoidHorizontalLineOverlap,computeTooltipPlacement,tooltipConnectorEnd}from"../_shared/core/tooltip/index.js";import{resolveAutoAxisLabels}from"../_shared/core/axis/index.js";import{snapCategoryCrosshair}from"../_shared/core/crosshair/category-snap.js";import{lerpStreamWindow,capStreamDuration}from"../_shared/core/animation/stream-interp.js";import{computeLegendLayout}from"../_shared/core/layout/legend.js";import{categorical,discretize,resolveColorList,resolveTokenList}from"../_shared/core/color/index.js";import{buildChartPointContextMenuDetail}from"../_shared/core/event/index.js";import{renderChartBrand}from"../_shared/core/brand/chart-brand.js";const REVEAL_KEY="reveal";const MORPH_KEY="morph";const STREAM_KEY="stream";function tooltipClassName(base,extra){return extra?`${base} ${extra}`:base}function tooltipCssValue(property,value){if(typeof value!=="number")return value;const unitless=new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]);return unitless.has(property)?String(value):`${value}px`}function niceBounds(min,max){if(!Number.isFinite(min)||!Number.isFinite(max)||min===max){const base=Number.isFinite(max)?max:1;return{min:Math.min(0,base-1),max:base+1}}const span=max-min;const pad=span*.08;return{min:Math.min(min,0)===0&&min>=0?0:min-pad,max:max+pad}}export class SyDotPlotChart{host;data=[];groups=[];categories;width=640;height=380;brandLogo;brandPosition="bottom-right";color="";marker="circle";markerSize=6;showRowLines=true;sortDescending=false;xLabelMode;xLabelRotation;xLabelMaxCount;valueAxisLabel;gridLines;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;pointContextMenu;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverKey=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=createDotPlotAnimator();animationFrameHandle=null;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new ChartStreamingGate({host:()=>this.host,input:()=>chartStreamingInput(this,"always-ring"),active:()=>this.boundStreamSource!==void 0||this.internalStreamSource!==void 0,onChange:change=>this.handleStreamLicenseChange(change)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromSeries;lastStreamTime;firstRender=true;displayedDots=new Map;morphFromDots;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false;this.streamLicense.connect();if(!this.hasLoaded)return;this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const source=this.displayedStreamSource();if(source&&this.streamLicense.live()){if(!this.streamUnsubscribe)this.bindToStreamSource(source);this.handleStreamEvent(source,{type:"replace",count:source.length})}}componentDidLoad(){this.hasLoaded=true;this.bindStreamSource();if(this.shouldInitialAnimation(true))this.startReveal()}componentDidRender(){if(this.detached)return;this.measureTooltipBox();if(this.pendingRenderedEmit){this.pendingRenderedEmit=false;this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})}}disconnectedCallback(){this.detached=true;this.streamLicense.disconnect();this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;this.boundStreamSource=void 0;this.stopAnimationLoop();this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation){this.suppressNextValuesAnimation=false;this.animationTick++;return}if(this.shouldInitialAnimation(this.firstRender)){this.firstRender=false;this.startReveal()}else if(this.shouldUpdateAnimation())this.startMorph();else this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){if(this.shouldInitialAnimation(true))this.startReveal();else{if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.stopAnimationLoop();this.animationTick++}}handleVisualChange(){this.animationTick++}async redraw(){this.animationTick++;return this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(data){this.data=data}async appendPoint(datum){const d=this.datumToStream(datum);await this.streamOrPlain("appendPoint",{type:"push",datum:d},()=>this.ensureInternalStreamSource()?.push(d))}async appendBatch(data){const batch=data.map(d=>this.datumToStream(d));await this.streamOrPlain("appendBatch",{type:"pushBatch",data:batch},()=>this.ensureInternalStreamSource()?.pushBatch(batch))}async shift(count){await this.streamOrPlain("shift",{type:"shift",count},()=>this.activeStreamSource()?.shift(count))}async replace(data){const next=data.map(d=>this.datumToStream(d));await this.streamOrPlain("replace",{type:"replace",data:next},()=>this.ensureInternalStreamSource()?.replace(next))}async getStreamSource(){return this.streamLicense.run("getStreamSource",route=>route==="stream"?this.activeStreamSource():void 0,this.displayedStreamSource()!==void 0)}async setAnimation(options){if(typeof options.duration==="number"&&Number.isFinite(options.duration))this.animationDuration=Math.max(0,options.duration);if(options.easing)this.animationEasing=options.easing;if(typeof options.enabled==="boolean")this.animated=options.enabled;if(options.type)this.animationType=options.type}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now());this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(cssX,cssY){const layout=this.computeDotPlotLayout();return this.nearestDot(layout,cssX,cssY)}async showTooltipAtPoint(pointIndex,seriesIndex){const tooltipSpec=this.resolveTooltipSpec();if(!tooltipSpec.show)return null;const layout=this.computeDotPlotLayout();const hit=this.dotPlotHitAtIndex(layout,pointIndex,seriesIndex);if(!hit)return null;return this.showTooltipForHit(layout,hit,tooltipSpec,true)}async hideTooltip(){this.clearTooltips();this.hoverKey=null}hasVisibleTooltips(){return this.cartesianTooltip!==null||this.cartesianTooltips.length>0}clearTooltips(){if(!this.hasVisibleTooltips())return;this.tooltipDrag=void 0;this.cartesianTooltip=null;this.cartesianTooltips=[];this.tooltipHide.emit()}async showSeries(id,opts){return this.updateGroupVisible(id,true,opts)}async hideSeries(id,opts){return this.updateGroupVisible(id,false,opts)}seriesId(series,index){return series?.name??String(index)}resolveGroupIndex(idOrIndex){if(typeof idOrIndex==="number"&&Number.isFinite(idOrIndex)){const idx=Math.floor(idOrIndex);return idx>=0&&idx<this.groups.length?idx:-1}return this.groups.findIndex(g=>g===idOrIndex)}updateGroupVisible(idOrIndex,visible,opts){const idx=this.resolveGroupIndex(idOrIndex);if(idx<0)return false;const seriesId=this.seriesId({name:this.groups[idx]},idx);const disabled=new Set(this.legendDisabled);if(visible)disabled.delete(seriesId);else disabled.add(seriesId);this.legendDisabled=disabled;this.seriesToggled.emit({index:idx,seriesId,disabled:!visible});if(opts?.redraw!==false)this.animationTick++;return true}toggleSeries(seriesId,index){const next=new Set(this.legendDisabled);if(next.has(seriesId))next.delete(seriesId);else next.add(seriesId);this.legendDisabled=next;const disabled=next.has(seriesId);const label=this.groups[index]??seriesId;this.legendItemClick.emit({index,seriesId,label,disabled});this.seriesToggled.emit({index,seriesId,disabled})}toSeries(){const groupColors=this.groupColors();return this.groups.map((g,gi)=>({name:g,color:groupColors[gi],values:this.data.map(d=>d.values?.[gi]??null)}))}cats(){return this.categories?[...this.categories]:this.data.map(d=>d.category)}computeDotPlotLayout(){const source=this.streamSeries()??this.toSeries();const cats=this.cats();const visibleOriginalIndex=[];const visibleSeries=[];for(let i=0;i<source.length;i++){if(this.legendDisabled.has(this.seriesId(source[i],i)))continue;visibleSeries.push(source[i]);visibleOriginalIndex.push(i)}const totalSeriesCount=source.length;const model=computeDotPlotModel(visibleSeries,cats,{sortDescending:this.sortDescending&&!this.isStreaming()});const legend=this.legend&&this.groups.length>1?this.buildLegendLayout(source):null;const outer=this.outerRectFromLegend(legend);const bounds=niceBounds(model.minValue,model.maxValue);const axes=resolveCartesianAxesSpec({kind:"linear",position:"bottom",show:true,label:this.valueAxisLabel},{kind:"category",position:"left",show:true,categories:model.categories.map(c=>c.label),tickCount:Math.min(model.categoryCount,40)});const frame=computeCartesianFrame({outerWidth:outer.width,outerHeight:outer.height,axes,gridLines:resolveCartesianGridLinesSpec(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:bounds.min,max:bounds.max},yExtent:{min:-.5,max:Math.max(.5,model.categoryCount-.5)}});const plot={x:outer.x+frame.plot.x,y:outer.y+frame.plot.y,width:frame.plot.width,height:frame.plot.height};const valueX=value=>outer.x+frame.xScale(value);const dots=dotPlotDots(model,plot,valueX);const rows=dotPlotRows(model,plot,valueX);return{model,outer,plot,frame,dots,rows,legend,visibleOriginalIndex,totalSeriesCount}}outerRectFromLegend(legend){if(!legend?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const r=legend.remainingOuter;return{x:r.x,y:r.y,width:Math.max(1,r.width),height:Math.max(1,r.height)}}buildLegendLayout(series){const items=series.map((s,i)=>({label:s.name??String(i),swatchColor:this.seriesColor(i),swatchShape:"circle",disabled:this.legendDisabled.has(this.seriesId(s,i))}));const direction=this.legendPosition==="left"||this.legendPosition==="right"?"vertical":"horizontal";return computeLegendLayout({outerWidth:this.width,outerHeight:this.height,items,position:this.legendPosition,direction,padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}tableauPalette(){const scheme=categorical.tableau10;return discretize(scheme,Math.max(scheme.stops.length,10)).map(c=>`rgb(${c.r}, ${c.g}, ${c.b})`)}groupColors(){return resolveColorList(this.color,this.groups.length,["#94a3b8","#2563eb"],this.tableauPalette())}seriesColor(index){return this.groupColors()[index]??"#2563eb"}markerForGroup(index){return resolveTokenList(this.marker,Math.max(this.groups.length,index+1),"circle")[index]??"circle"}shouldAnimate(){if(this.detached)return false;return this.animated&&this.animationDuration>0}shouldInitialAnimation(first){if(!this.shouldAnimate())return false;if(this.animationType==="initial")return true;if(this.animationType==="update")return false;return first}shouldUpdateAnimation(){if(!this.shouldAnimate())return false;return this.animationType!=="initial"}startReveal(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.animator.start(REVEAL_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}ensureAnimationLoop(){if(this.animationFrameHandle!==null)return;const loop=()=>{this.animator.tick(this.now());this.animationTick++;if(this.animator.hasActive()&&this.animator.entries().size>0)this.animationFrameHandle=requestAnimationFrame(loop);else{this.animationFrameHandle=null;this.chartAnimationEnd.emit()}};this.animationFrameHandle=requestAnimationFrame(loop)}stopAnimationLoop(){if(this.animationFrameHandle!==null){cancelAnimationFrame(this.animationFrameHandle);this.animationFrameHandle=null}}revealProgress(){return this.animator.has(REVEAL_KEY)?this.animator.progressAt(REVEAL_KEY,this.now())??1:1}startMorph(){if(this.animator.hasActive())this.chartAnimationInterrupted.emit();this.animator.clear();this.morphFromDots=new Map(this.displayedDots);this.animator.start(MORPH_KEY,{duration:this.animationDuration,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}morphProgress(){return this.animator.has(MORPH_KEY)?this.animator.progressAt(MORPH_KEY,this.now())??1:1}now(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}isStreaming(){return this.displayedStreamSource()!=null}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){if(this.streamSource)return this.streamSource;if(!this.internalStreamSource){this.internalStreamSource=createDotPlotStreamSource({capacity:this.coerceStreamCapacity(),initial:this.valuesAsData()});this.bindToStreamSource(this.internalStreamSource)}return this.internalStreamSource}valuesAsData(){const model=computeDotPlotModel(this.toSeries(),this.cats());return model.categories.map(cat=>({category:cat.label,values:model.series.map(s=>s.values[cat.index]??0)}))}datumToStream(d){return{category:d.category,values:(d.values??[]).map(v=>v==null?NaN:v)}}coerceStreamCapacity(){if(typeof this.streamMax==="number"&&Number.isFinite(this.streamMax)&&this.streamMax>0)return Math.floor(this.streamMax);if(typeof this.streamWindow==="number"&&Number.isFinite(this.streamWindow)&&this.streamWindow>0)return Math.floor(this.streamWindow)*4;return 2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const route=this.streamLicense.route();if(route==="pending"||route==="refused")return;const source=route==="stream"?this.streamSource:void 0;if(this.boundStreamSource===source)return;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;if(source){this.internalStreamSource=void 0;this.bindToStreamSource(source)}this.boundStreamSource=source}bindToStreamSource(source){if(this.detached)return;this.streamUnsubscribe?.();this.streamUnsubscribe=source.subscribe(event=>this.handleStreamEvent(source,event))}async streamOrPlain(method,op,stream){const implicit=op.type!=="shift"||this.plainStreamStarted||this.displayedStreamSource()!==void 0;await this.streamLicense.run(method,route=>{if(route==="stream")return stream();if(op.type==="shift"&&!this.plainStreamStarted)return;if(op.type!=="shift")this.plainStreamStarted=true;this.applyPlainStream(op)},implicit)}applyPlainStream(op){const current=this.valuesAsData().map(normalizeDotPlotStreamDatum).filter(d=>d!==void 0);const{list,event}=applyPlainStreamOp(current,op,normalizeDotPlotStreamDatum);if(event)this.handleStreamEvent(plainStreamFrame(list),event)}handleStreamLicenseChange(change){if(this.detached)return;if(change==="frozen"){this.streamFrozenData=this.data;this.streamUnsubscribe?.();this.streamUnsubscribe=void 0;return}if(change==="resumed"){if(this.data!==this.streamFrozenData&&!this.boundStreamSource)this.internalStreamSource=void 0;this.streamFrozenData=void 0}this.resumeStreamBinding()}handleStreamEvent(source,event){const snapshot=source.snapshot(typeof this.streamWindow==="number"&&this.streamWindow>0?this.streamWindow:void 0);const segCount=Math.max(this.groups.length,snapshot.reduce((m,c)=>Math.max(m,c.values.length),0));const data=snapshot.map((c,i)=>({category:c.category??String(i+1),values:Array.from({length:segCount},(_,s)=>c.values[s]??null)}));const animate=this.shouldAnimate()&&this.data.length>0&&data.length>0;if(animate){const now=this.now();const dur=capStreamDuration(this.animationDuration,this.lastStreamTime,now);this.lastStreamTime=now;this.streamFromSeries=this.currentStreamSeries();this.suppressNextValuesAnimation=true;this.categories=snapshot.map((c,i)=>c.category??String(i+1));this.data=data;if(dur>0){this.animator.start(STREAM_KEY,{duration:dur,easing:this.animationEasing});this.chartAnimationStart.emit();this.ensureAnimationLoop()}}else{this.lastStreamTime=this.now();this.suppressNextValuesAnimation=true;this.categories=snapshot.map((c,i)=>c.category??String(i+1));this.data=data}if(event.type==="push"||event.type==="pushBatch")this.appended.emit({count:event.count});if(event.type==="shift")this.windowSlid.emit({dropped:event.count})}currentStreamSeries(){const active=this.animator.has(STREAM_KEY)&&this.streamFromSeries;const t=active?this.animator.progressAt(STREAM_KEY,this.now())??1:1;return this.toSeries().map((s,i)=>{const target=s.values instanceof Float32Array?s.values:Float32Array.from(s.values.map(v=>v??NaN));const from=active?this.streamFromSeries[i]:void 0;return from?lerpStreamWindow(from,target,t):target})}streamSeries(){if(!(this.animator.has(STREAM_KEY)&&this.streamFromSeries))return null;const t=this.animator.progressAt(STREAM_KEY,this.now())??1;return this.toSeries().map((s,i)=>{const target=s.values instanceof Float32Array?s.values:Float32Array.from(s.values.map(v=>v??NaN));const from=this.streamFromSeries[i];return from?{...s,values:lerpStreamWindow(from,target,t)}:s})}nearestDot(layout,cssX,cssY){const row=dotPlotRowAtPoint(layout.plot,layout.model.categoryCount,cssX,cssY);if(row<0)return null;let best=null;let bestDist=Infinity;for(const dot of layout.dots){if(dot.categoryIndex!==row)continue;const d=Math.abs(dot.cx-cssX);if(d<bestDist){bestDist=d;best=dot}}if(!best)return null;return{categoryIndex:best.categoryIndex,seriesIndex:best.seriesIndex,category:best.category,seriesName:best.seriesName,value:best.value,cssX,cssY}}resolveTooltipSpec(){const spec=resolveCartesianTooltipSpec(this.tooltip);if(this.tooltip===void 0&&!this.tooltipEnabled){return{...spec,show:false}}return spec}dotPlotHitFromDot(dot){return{categoryIndex:dot.categoryIndex,seriesIndex:dot.seriesIndex,category:dot.category,seriesName:dot.seriesName,value:dot.value,cssX:dot.cx,cssY:dot.cy}}dotPlotHitAtIndex(layout,categoryIndex,seriesIndex){const cat=Math.trunc(categoryIndex);if(!Number.isFinite(cat))return null;const inRow=layout.dots.filter(d=>d.categoryIndex===cat);if(inRow.length===0)return null;const dot=typeof seriesIndex==="number"&&Number.isFinite(seriesIndex)?inRow.find(d=>d.seriesIndex===Math.trunc(seriesIndex)):inRow[0];return dot?this.dotPlotHitFromDot(dot):null}srSummary(model){if(model.categoryCount===0||model.seriesCount===0)return"Dot plot, no data";return`Dot plot, ${model.categoryCount} categories × ${model.seriesCount} series, values from ${Math.round(model.minValue)} to ${Math.round(model.maxValue)}.`}shouldShowTooltipOnHover(spec){return spec.trigger!=="click"}shouldShowTooltipOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideTooltipOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}showTooltipForHit(layout,hit,tooltipSpec,allowMultiple=false){const pointCssX=hit.cssX;const pointCssY=hit.cssY;const dataX=hit.categoryIndex;const dataY=hit.value;const context={seriesIndex:hit.seriesIndex,pointIndex:hit.categoryIndex,index:hit.categoryIndex,value:hit.value,cssX:pointCssX,cssY:pointCssY,dataX,dataY,mode:tooltipSpec.mode};const anchor=cartesianTooltipAnchor({frame:{plot:layout.plot},hit:{cssX:pointCssX,cssY:pointCssY},spec:tooltipSpec});const lockedPosition=this.lockedTooltipPositionForHit(hit,tooltipSpec);const renderedSide=lockedPosition?.side??anchor.side;const renderedAnchor=lockedPosition?this.tooltipAnchorFromPositionLock(lockedPosition.lock,renderedSide,lockedPosition.box,tooltipSpec.offset??10):{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(tooltipSpec.format,[hit.value,context],()=>this.formatDefaultTooltipText(hit),"tooltip.format",tooltipSpec);const tooltipHtml=safeChartFormatter(tooltipSpec.html,[hit.value,context],()=>void 0,"tooltip.html",tooltipSpec);const renderedTooltip={id:this.nextTooltipId++,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX,pointCssY,box:lockedPosition?.box,side:renderedSide,text,html:tooltipHtml,className:tooltipSpec.className,style:this.tooltipStyleFromSpec(tooltipSpec),interactive:tooltipSpec.interactive,connector:tooltipSpec.connector,draggable:tooltipSpec.draggable,offset:tooltipSpec.offset,positionLock:lockedPosition?.lock,context};this.tooltipDrag=void 0;if(allowMultiple&&tooltipSpec.openMode==="multiple"){this.cartesianTooltip=renderedTooltip;this.cartesianTooltips=[...this.cartesianTooltips,renderedTooltip]}else{this.cartesianTooltips=[];this.cartesianTooltip=renderedTooltip}const detail={cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,anchor:renderedSide,text,html:tooltipHtml,context};this.tooltipShow.emit(detail);return detail}formatDefaultTooltipText(hit){if(this.tooltipFormat){try{return this.tooltipFormat({categoryIndex:hit.categoryIndex,seriesIndex:hit.seriesIndex,category:hit.category,seriesName:hit.seriesName,value:hit.value,cssX:hit.cssX,cssY:hit.cssY})}catch(error){reportChartFormatterError(this.tooltipFormat,error,"tooltipFormat")}}return`${hit.category} — ${hit.seriesName}: ${formatNumber(hit.value)}`}tooltipStyleFromSpec(spec){const style={...spec.style??{}};if(spec.width!==void 0)style.width=spec.width;if(spec.minWidth!==void 0)style.minWidth=spec.minWidth;if(spec.maxWidth!==void 0)style.maxWidth=spec.maxWidth;if(spec.padding!==void 0)style.padding=spec.padding;return Object.keys(style).length>0?style:void 0}renderTooltip(){const multiple=this.cartesianTooltips.length>0;const tooltips=multiple?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));if(tooltips.length===0)return null;return tooltips.map(tooltip=>this.renderTooltipItem(tooltip,!multiple))}renderTooltipItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html:tooltipHtml,className,style:customStyle,interactive,draggable}=tooltip;const offset=tooltip.offset??10;const style={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:interactive||draggable?"auto":"none",cursor:draggable?this.tooltipDrag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`;style.transform=""}else if(side==="top"){style.left=`${cssX}px`;style.top=`${cssY-offset}px`;style.transform="translate(-50%, -100%)"}else if(side==="bottom"){style.left=`${cssX}px`;style.top=`${cssY+offset}px`;style.transform="translate(-50%, 0%)"}else if(side==="left"){style.left=`${cssX-offset}px`;style.top=`${cssY}px`;style.transform="translate(-100%, -50%)"}else{style.left=`${cssX+offset}px`;style.top=`${cssY}px`;style.transform="translate(0%, -50%)"}for(const[key,value]of Object.entries(customStyle??{})){style[key]=tooltipCssValue(key,value)}if(tooltipHtml!==void 0){return h("div",{class:tooltipClassName("sy-dot-plot-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:tooltipHtml})}return h("div",{class:tooltipClassName("sy-dot-plot-chart__tooltip",className),"data-tooltip-id":`${tooltip.id}`,ref:trackMeasure?el=>this.tooltipElement=el:void 0,style,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},text)}renderTooltipConnector(){const tooltips=this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter(tooltip=>Boolean(tooltip));const connectedTooltips=tooltips.filter(tooltip=>tooltip.connector?.show);if(connectedTooltips.length===0)return null;return h("svg",{class:"sy-dot-plot-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},connectedTooltips.map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return h("line",{x1:tooltip.pointCssX,y1:tooltip.pointCssY,x2:end.x,y2:end.y,stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":connector.width??1,"stroke-dasharray":connector.dash?.join(" ")})}))}positionedTooltipForRender(tooltip=this.cartesianTooltip){if(!tooltip)return null;if(!tooltip.box||this.tooltipDrag)return tooltip;if(tooltip.positionLock)return tooltip;const offset=tooltip.offset??10;const placement=computeTooltipPlacement({anchor:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:tooltip.side,offset,padding:6});const lineSafePlacement=avoidHorizontalLineOverlap({x:placement.x,y:placement.y,tooltip:tooltip.box,viewport:{x:0,y:0,width:this.width,height:this.height},side:placement.side,lineY:tooltip.pointCssY,gap:Math.max(8,offset/2),padding:6});const anchor=this.tooltipAnchorFromTopLeft(lineSafePlacement.x,lineSafePlacement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}tooltipTopLeftFromAnchor(tooltip){const box=tooltip.box;if(!box)return void 0;const offset=tooltip.offset??10;if(tooltip.side==="top")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY-offset-box.height};if(tooltip.side==="bottom")return{x:tooltip.cssX-box.width/2,y:tooltip.cssY+offset};if(tooltip.side==="left")return{x:tooltip.cssX-offset-box.width,y:tooltip.cssY-box.height/2};return{x:tooltip.cssX+offset,y:tooltip.cssY-box.height/2}}tooltipTopLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.getBoundingClientRect();if(!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}tooltipAnchorFromPositionLock(lock,side,box,offset){return box?this.tooltipAnchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}tooltipPositionKeyForHit(hit){return`${hit.seriesIndex}:${hit.categoryIndex}`}tooltipPositionKeyForContext(context){return`${context.seriesIndex??0}:${context.pointIndex??context.index??0}`}rememberDraggableTooltipPosition(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(tooltip.context),{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedTooltipPositionForHit(hit,tooltipSpec){if(tooltipSpec.draggable){const memory=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(hit));if(!memory)return void 0;return{lock:{...memory.lock},side:memory.side,box:memory.box}}if(!tooltipSpec.interactive||tooltipSpec.openMode==="multiple")return void 0;const tooltip=this.positionedTooltipForRender();if(!tooltip?.box)return void 0;const samePoint=tooltip.context.pointIndex===hit.categoryIndex&&tooltip.context.seriesIndex===hit.seriesIndex;if(!samePoint)return void 0;const lock=this.tooltipTopLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}tooltipAnchorFromTopLeft(x,y,box,side,offset){if(side==="top")return{cssX:x+box.width/2,cssY:y+box.height+offset};if(side==="bottom")return{cssX:x+box.width/2,cssY:y-offset};if(side==="left")return{cssX:x+box.width+offset,cssY:y+box.height/2};return{cssX:x-offset,cssY:y+box.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const tooltip=this.cartesianTooltip;const element=this.tooltipElement;if(!tooltip||!element)return;const rect=element.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))return;const width=Math.round(rect.width*100)/100;const height=Math.round(rect.height*100)/100;if(tooltip.box?.width===width&&tooltip.box?.height===height)return;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock){Object.assign(next,this.tooltipAnchorFromPositionLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10))}this.rememberDraggableTooltipPosition(next);this.cartesianTooltip=next}handleTooltipActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const tooltipId=Number(actionTarget?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id"));const tooltip=this.cartesianTooltips.find(entry=>entry.id===tooltipId)??this.cartesianTooltip;if(!action||!tooltip)return;event.stopPropagation();this.tooltipAction.emit({...tooltip.context,action,text:tooltip.text,html:tooltip.html})};handleTooltipPointerDown=event=>{if(!this.cartesianTooltip?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const element=event.currentTarget;const renderedTooltip=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip;const lock=this.tooltipTopLeftFromElement(element)??this.tooltipTopLeftFromAnchor(renderedTooltip)??{x:renderedTooltip.cssX,y:renderedTooltip.cssY};const box=this.cartesianTooltip.box??renderedTooltip.box;const next={...this.cartesianTooltip,cssX:renderedTooltip.cssX,cssY:renderedTooltip.cssY,side:renderedTooltip.side,box,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next);element.setPointerCapture?.(event.pointerId);this.tooltipDrag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originX:next.cssX,originY:next.cssY,originLockX:lock.x,originLockY:lock.y}};handleTooltipPointerMove=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId||!this.cartesianTooltip)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.cartesianTooltip,positionLock:lock};Object.assign(next,this.tooltipAnchorFromPositionLock(lock,next.side,next.box,next.offset??10));this.cartesianTooltip=next;this.rememberDraggableTooltipPosition(next)};handleTooltipPointerUp=event=>{const drag=this.tooltipDrag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.cartesianTooltip)this.rememberDraggableTooltipPosition(this.cartesianTooltip);event.currentTarget.releasePointerCapture?.(event.pointerId);this.tooltipDrag=void 0};localPoint(event){const rect=this.host.getBoundingClientRect();return{cssX:event.clientX-rect.left,cssY:event.clientY-rect.top}}dotFor(layout,detail){return layout.dots.find(d=>d.categoryIndex===detail.categoryIndex&&d.seriesIndex===detail.seriesIndex)}handlePointerMove=event=>{if(!this.enableMouseTracking)return;const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);this.updateCrosshair(layout,cssX,cssY);const tooltipSpec=this.resolveTooltipSpec();const detail=this.nearestDot(layout,cssX,cssY);if(!detail){if(this.hoverKey!==null){this.hoverKey=null;this.pointHover.emit(null)}if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips();return}const key=`${detail.categoryIndex}:${detail.seriesIndex}`;if(key!==this.hoverKey){this.hoverKey=key;this.pointHover.emit(detail)}if(tooltipSpec.show&&this.shouldShowTooltipOnHover(tooltipSpec)){const dot=this.dotFor(layout,detail);if(dot)this.showTooltipForHit(layout,this.dotPlotHitFromDot(dot),tooltipSpec)}else if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec)){this.clearTooltips()}};handlePointerLeave=()=>{if(this.hoverKey!==null)this.pointHover.emit(null);this.hoverKey=null;if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}const tooltipSpec=this.resolveTooltipSpec();if(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(tooltipSpec))this.clearTooltips()};updateCrosshair(layout,cssX,cssY){const spec=resolveCartesianCrosshairSpec(this.crosshair);const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(!spec.show||!inside){if(this.cursor!==null){this.cursor=null;this.crosshairMove.emit(null)}return}const bands=layout.rows.map(row=>({pos:row.centerY,index:row.categoryIndex}));const points=layout.dots.map(d=>({cssX:d.cx,cssY:d.cy,index:d.categoryIndex}));const snap=snapCategoryCrosshair(cssX,cssY,plot,"y",bands,points,spec.snap);if(!this.cursor||this.cursor.cssX!==snap.cssX||this.cursor.cssY!==snap.cssY){this.cursor={cssX:snap.cssX,cssY:snap.cssY};this.crosshairMove.emit({cssX:snap.cssX,cssY:snap.cssY,snappedPointIndex:snap.index})}}crosshairLineBackground(direction,color,dash){if(!dash||dash.length===0)return color;const mark=Math.max(1,Number.isFinite(Number(dash[0]))?Number(dash[0]):4);const gap=Math.max(1,Number.isFinite(Number(dash[1]))?Number(dash[1]):mark);const axis=direction==="vertical"?"to bottom":"to right";return`repeating-linear-gradient(${axis}, ${color} 0px, ${color} ${mark}px, transparent ${mark}px, transparent ${mark+gap}px)`}renderCrosshair(layout){const spec=resolveCartesianCrosshairSpec(this.crosshair);if(!spec.show||!this.cursor)return null;const{plot}=layout;const color=spec.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))";const showV=spec.mode==="vertical"||spec.mode==="cross";const showH=spec.mode==="horizontal"||spec.mode==="cross";return h("div",{class:"sy-dot-plot-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},showV&&h("div",{class:"sy-dot-plot-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:this.crosshairLineBackground("vertical",color,spec.dash)}}),showH&&h("div",{class:"sy-dot-plot-chart__crosshair-line",style:{position:"absolute",left:`${plot.x}px`,top:`${this.cursor.cssY}px`,width:`${plot.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",color,spec.dash)}}))}handlePointerClick=event=>{const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);const detail=this.nearestDot(layout,cssX,cssY);const row=detail?layout.rows.find(r=>r.categoryIndex===detail.categoryIndex)??null:null;if(detail&&row!==null&&cssX>=row.minX-16&&cssX<=row.maxX+16){this.pointClick.emit(detail);const tooltipSpec=this.resolveTooltipSpec();if(tooltipSpec.show&&this.shouldShowTooltipOnClick(tooltipSpec)){const dot=this.dotFor(layout,detail);if(dot)this.showTooltipForHit(layout,this.dotPlotHitFromDot(dot),tooltipSpec,true)}return}if(this.hasVisibleTooltips())this.clearTooltips();const{plot}=layout;const inside=cssX>=plot.x&&cssX<=plot.x+plot.width&&cssY>=plot.y&&cssY<=plot.y+plot.height;if(inside)this.seriesOutsideClick.emit({cssX,cssY})};handleContextMenu=event=>{const layout=this.computeDotPlotLayout();const{cssX,cssY}=this.localPoint(event);const detail=this.nearestDot(layout,cssX,cssY);if(detail)this.pointContextMenu.emit(buildChartPointContextMenuDetail(event,this.host,"dot-plot",detail))};render(){const pick=pickDotPlotEngine({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=pick.tier;this.fallbackReason=pick.fallbackReason;const layout=this.computeDotPlotLayout();const revealing=this.animator.has(REVEAL_KEY);const morphing=this.animator.has(MORPH_KEY)&&this.morphFromDots!==void 0;const reveal=revealing?this.revealProgress():1;const morph=morphing?this.morphProgress():1;const r=Math.max(1,this.markerSize);this.lastRenderResult={points:layout.dots.length,renderMs:0};this.pendingRenderedEmit=true;this.srAnnouncement=this.srSummary(layout.model);const rowByCat=new Map(layout.rows.map(row=>[row.categoryIndex,row]));const displayed=layout.dots.map(dot=>{const key=`${dot.categoryIndex}:${dot.seriesIndex}`;let cx=dot.cx;let cy=dot.cy;let opacity=1;let scale=1;if(morphing){const from=this.morphFromDots.get(key);if(from){cx=from.cx+(dot.cx-from.cx)*morph;cy=from.cy+(dot.cy-from.cy)*morph}else{opacity=morph;scale=.4+.6*morph}}else if(revealing){const row=rowByCat.get(dot.categoryIndex);const minX=row?row.minX:dot.cx;const maxX=row?row.maxX:dot.cx;const width=maxX-minX;if(width<1){opacity=reveal}else{const front=minX+width*reveal;const isLow=dot.cx<=minX+.5;const fadeBand=Math.max(24,width*.4);opacity=isLow?Math.max(0,Math.min(1,reveal/.35)):Math.max(0,Math.min(1,(front-dot.cx)/fadeBand))}scale=.45+.55*opacity}return{dot,key,cx,cy,opacity,scale}});const nextDisplayed=new Map;displayed.forEach(d=>nextDisplayed.set(d.key,{cx:d.cx,cy:d.cy}));this.displayedDots=nextDisplayed;return h(Host,{style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"figure","aria-label":this.chartTitle??"Dot plot","data-sy-brand-host":"chart"},this.renderAxisOverlay(layout),h("svg",{class:"sy-dot-plot-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},this.showRowLines&&layout.model.seriesCount>1&&h("g",{class:"sy-dot-plot-chart__rows"},layout.rows.map(row=>{const ds=displayed.filter(d=>d.dot.categoryIndex===row.categoryIndex);if(ds.length===0)return null;const x1=revealing?row.minX:Math.min(...ds.map(d=>d.cx));const x2=revealing?row.minX+(row.maxX-row.minX)*reveal:Math.max(...ds.map(d=>d.cx));const op=revealing?reveal:1;return h("line",{key:`row-${row.categoryIndex}`,class:"sy-dot-plot-chart__row-line",x1:round2(x1),y1:round2(row.centerY),x2:round2(x2),y2:round2(row.centerY),stroke:"#cbd5e1","stroke-width":2,"stroke-linecap":"round",opacity:round2(op)})})),h("g",{class:"sy-dot-plot-chart__dots"},displayed.map(({dot,key,cx,cy,opacity,scale})=>{if(opacity<=.004)return null;const active=this.hoverKey===key;const rr=Math.max(.5,(active?r+1.5:r)*scale);const originalIndex=layout.visibleOriginalIndex[dot.seriesIndex]??dot.seriesIndex;const origCategoryIndex=layout.model.categories[dot.categoryIndex]?.sourceIndex??dot.categoryIndex;const datumColor=this.data[origCategoryIndex]?.colors?.[originalIndex];const fill=datumColor??this.seriesColor(originalIndex);const datumMarker=this.data[origCategoryIndex]?.markers?.[originalIndex];const marker=datumMarker??this.markerForGroup(originalIndex);if(marker==="circle"){return h("circle",{key:`d-${dot.categoryIndex}-${dot.seriesIndex}`,class:"sy-dot-plot-chart__dot",cx:round2(cx),cy:round2(cy),r:round2(rr),fill,stroke:"#fff","stroke-width":1.5,opacity:round2(opacity)})}return h("path",{key:`d-${dot.categoryIndex}-${dot.seriesIndex}`,class:"sy-dot-plot-chart__dot",d:dotPlotMarkerPath(marker,cx,cy,rr),fill,stroke:"#fff","stroke-width":1.5,opacity:round2(opacity)})}))),this.renderCrosshair(layout),this.legend&&this.groups.length>1&&this.renderLegend(layout),this.renderTooltipConnector(),this.renderTooltip(),h("span",{class:"sy-dot-plot-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&h("span",{class:"sy-dot-plot-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),renderChartBrand(this.host,this.brandLogo,{width:this.width,height:this.height,plot:layout.plot}))}renderAxisOverlay(layout){const{frame,outer,plot}=layout;const tickLabel=t=>t.label??String(t.value);const catLabels=layout.model.categories.map(c=>c.label);const catCenters=layout.model.categories.map(c=>dotPlotRowCenterY(plot,c.index,layout.model.categoryCount));const catAxisRange=[plot.y,plot.y+plot.height];const catDecl=resolveAutoAxisLabels({labels:catLabels,centers:catCenters,range:catAxisRange,orientation:"left",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return h("div",{class:"sy-dot-plot-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},frame.titleRect&&this.chartTitle&&h("div",{class:"sy-dot-plot-chart__title",style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.titleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),frame.subtitleRect&&this.chartSubtitle&&h("div",{class:"sy-dot-plot-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${outer.x}px`,top:`${outer.y+frame.subtitleRect.y}px`,width:`${outer.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),frame.xGridLines.map(line=>h("div",{class:"sy-dot-plot-chart__grid-line",style:{position:"absolute",left:`${outer.x+line.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}})),frame.xTicks.map(t=>h("div",{class:"sy-dot-plot-chart__axis-label sy-dot-plot-chart__axis-label--x",style:{position:"absolute",left:`${outer.x+t.position-28}px`,top:`${plot.y+plot.height+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},tickLabel(t))),layout.model.categories.map((cat,i)=>{if(!catDecl.visible[i])return null;const rotate=catDecl.rotationDeg>0?{transform:`rotate(-${catDecl.rotationDeg}deg)`,transformOrigin:"right center"}:{};return h("div",{class:"sy-dot-plot-chart__cat-label",style:{position:"absolute",left:`${outer.x}px`,top:`${dotPlotRowCenterY(plot,cat.index,layout.model.categoryCount)-8}px`,width:`${plot.x-outer.x-6}px`,textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...rotate}},cat.label)}),h("div",{class:"sy-dot-plot-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y+plot.height}px`,width:`${plot.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),h("div",{class:"sy-dot-plot-chart__axis-line",style:{position:"absolute",left:`${plot.x}px`,top:`${plot.y}px`,width:"1px",height:`${plot.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(layout){const legend=layout.legend;if(!legend?.legendRect)return null;const rect=legend.legendRect;const vertical=this.legendPosition==="left"||this.legendPosition==="right";const series=this.streamSeries()??this.toSeries();return h("div",{class:"sy-dot-plot-chart__legend",style:{position:"absolute",left:`${rect.x}px`,top:`${rect.y}px`,width:`${rect.width}px`,height:`${rect.height}px`,display:"flex",flexDirection:vertical?"column":"row",flexWrap:"wrap",gap:"14px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto"}},series.map((s,i)=>{const seriesId=this.seriesId(s,i);const disabled=this.legendDisabled.has(seriesId);return h("button",{type:"button",key:`lg-${i}`,class:{"sy-dot-plot-chart__legend-item":true,"sy-dot-plot-chart__legend-item--disabled":disabled},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"inherit",color:"inherit",opacity:disabled?"0.4":"1",textDecoration:disabled?"line-through":"none"},onClick:()=>this.toggleSeries(seriesId,i)},h("span",{class:"sy-dot-plot-chart__legend-swatch",style:{width:"10px",height:"10px",borderRadius:"50%",background:this.seriesColor(i)}}),h("span",{class:"sy-dot-plot-chart__legend-label"},s.name??String(i)))}))}async getEngineStatus(){return standardOnlyEngineStatus({requested:this.engine,onUnavailable:this.unavailable,renderer:"dot-plot"})}static get is(){return"sy-dot-plot-chart"}static get encapsulation(){return"scoped"}static get originalStyleUrls(){return{"$":["sy-dot-plot-chart.scss"]}}static get styleUrls(){return{"$":["sy-dot-plot-chart.css"]}}static get properties(){return{"data":{"type":"unknown","mutable":true,"complexType":{"original":"ReadonlyArray<DotPlotDatum>","resolved":"readonly DotPlotDatum[]","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DotPlotDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotDatum","referenceLocation":"DotPlotDatum"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"groups":{"type":"unknown","mutable":false,"complexType":{"original":"ReadonlyArray<string>","resolved":"readonly string[]","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"defaultValue":"[]"},"categories":{"type":"unknown","mutable":false,"complexType":{"original":"ReadonlyArray<string>","resolved":"readonly string[]","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"width":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"width","defaultValue":"640"},"height":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"height","defaultValue":"380"},"brandLogo":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"brand-logo"},"brandPosition":{"type":"string","mutable":false,"complexType":{"original":"'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'","resolved":'"bottom-left" | "bottom-right" | "top-left" | "top-right"',"references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":true,"attribute":"brand-position","defaultValue":"'bottom-right'"},"color":{"type":"string","mutable":false,"complexType":{"original":"string | ReadonlyArray<string>","resolved":"readonly string[] | string","references":{"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"color","defaultValue":"''"},"marker":{"type":"string","mutable":false,"complexType":{"original":"DotPlotMarkerSymbol | string | ReadonlyArray<string>","resolved":"readonly string[] | string","references":{"DotPlotMarkerSymbol":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotMarkerSymbol","referenceLocation":"DotPlotMarkerSymbol"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"marker","defaultValue":"'circle'"},"markerSize":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"marker-size","defaultValue":"6"},"showRowLines":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"show-row-lines","defaultValue":"true"},"sortDescending":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"sort-descending","defaultValue":"false"},"xLabelMode":{"type":"string","mutable":false,"complexType":{"original":"'auto' | 'all' | 'thin' | 'rotate' | 'none'","resolved":'"all" | "auto" | "none" | "rotate" | "thin"',"references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-mode"},"xLabelRotation":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-rotation"},"xLabelMaxCount":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"x-label-max"},"valueAxisLabel":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"value-axis-label"},"gridLines":{"type":"any","mutable":false,"complexType":{"original":"CartesianGridLinesInput","resolved":'"auto" | "off" | CartesianGridLinesSpec | boolean',"references":{"CartesianGridLinesInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianGridLinesInput","referenceLocation":"CartesianGridLinesInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"grid-lines"},"crosshair":{"type":"any","mutable":false,"complexType":{"original":"CartesianCrosshairInput","resolved":"CartesianCrosshairSpec | boolean | string","references":{"CartesianCrosshairInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianCrosshairInput","referenceLocation":"CartesianCrosshairInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"crosshair"},"chartTitle":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"chart-title"},"chartSubtitle":{"type":"string","mutable":false,"complexType":{"original":"string","resolved":"string","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"chart-subtitle"},"legend":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend","defaultValue":"true"},"legendPosition":{"type":"string","mutable":false,"complexType":{"original":"DotPlotChartLegendPosition","resolved":'"bottom" | "left" | "right" | "top"',"references":{"DotPlotChartLegendPosition":{"location":"local","path":"src/components/chart/dot-plot-chart/sy-dot-plot-chart.tsx","id":"src/components/chart/dot-plot-chart/sy-dot-plot-chart.tsx::DotPlotChartLegendPosition"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"legend-position","defaultValue":"'top'"},"tooltipEnabled":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"tooltip-show","defaultValue":"true"},"tooltipFormat":{"type":"unknown","mutable":false,"complexType":{"original":"(detail: DotPlotChartPointerEventDetail) => string","resolved":"(detail: DotPlotChartPointerEventDetail) => string","references":{"DotPlotChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartPointerEventDetail","referenceLocation":"DotPlotChartPointerEventDetail"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"tooltip":{"type":"any","mutable":false,"complexType":{"original":"CartesianTooltipInput","resolved":'"auto" | "off" | Omit<Partial<CartesianTooltipSpec>, "connector"> & { connector?: CartesianTooltipConnectorInput; } | boolean',"references":{"CartesianTooltipInput":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipInput","referenceLocation":"CartesianTooltipInput"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"tooltip"},"enableMouseTracking":{"type":"boolean","mutable":false,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"enable-mouse-tracking","defaultValue":"true"},"animated":{"type":"boolean","mutable":true,"complexType":{"original":"boolean","resolved":"boolean","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animate","defaultValue":"false"},"animationDuration":{"type":"number","mutable":true,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-duration","defaultValue":"600"},"animationEasing":{"type":"string","mutable":true,"complexType":{"original":"DotPlotChartEasing","resolved":'"ease-in" | "ease-in-out" | "ease-out" | "linear"',"references":{"DotPlotChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartEasing","referenceLocation":"DotPlotChartEasing"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-easing","defaultValue":"'ease-out'"},"animationType":{"type":"string","mutable":true,"complexType":{"original":"DotPlotChartAnimationType","resolved":'"initial" | "update"',"references":{"DotPlotChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartAnimationType","referenceLocation":"DotPlotChartAnimationType"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"animation-type"},"streamSource":{"type":"unknown","mutable":true,"complexType":{"original":"DotPlotChartStreamSource","resolved":"DotPlotChartStreamSource","references":{"DotPlotChartStreamSource":{"location":"import","path":"./core/dot-plot-stream-source","id":"src/components/chart/dot-plot-chart/core/dot-plot-stream-source.ts::DotPlotChartStreamSource","referenceLocation":"DotPlotChartStreamSource"}}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false},"streamWindow":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"stream-window"},"streamMax":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":true,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"stream-max"},"engine":{"type":"string","mutable":false,"complexType":{"original":"DotPlotChartEngineMode","resolved":'"auto" | "pro" | "standard"',"references":{"DotPlotChartEngineMode":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartEngineMode","referenceLocation":"DotPlotChartEngineMode"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"engine","defaultValue":"'auto'"},"proThreshold":{"type":"number","mutable":false,"complexType":{"original":"number","resolved":"number","references":{}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"pro-threshold","defaultValue":"50_000"},"unavailable":{"type":"string","mutable":false,"complexType":{"original":"DotPlotChartUnavailableBehaviour","resolved":'"error" | "fallback" | "throw"',"references":{"DotPlotChartUnavailableBehaviour":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartUnavailableBehaviour","referenceLocation":"DotPlotChartUnavailableBehaviour"}}},"required":false,"optional":false,"docs":{text:"",tags:[]},"getter":false,"setter":false,"reflect":false,"attribute":"unavailable","defaultValue":"'fallback'"}}}static get states(){return{"activeTier":{},"fallbackReason":{},"legendDisabled":{},"cartesianTooltip":{},"cartesianTooltips":{},"srAnnouncement":{},"animationTick":{},"hoverKey":{},"cursor":{}}}static get events(){return[{"method":"rendered","name":"rendered","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DotPlotChartRenderResult & { tier: DotPlotChartEngineTier }","resolved":"DotPlotChartRenderResult & { tier: DotPlotChartEngineTier; }","references":{"DotPlotChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartRenderResult","referenceLocation":"DotPlotChartRenderResult"},"DotPlotChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartEngineTier","referenceLocation":"DotPlotChartEngineTier"}}}},{"method":"pointClick","name":"pointClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DotPlotChartPointerEventDetail","resolved":"DotPlotChartPointerEventDetail","references":{"DotPlotChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartPointerEventDetail","referenceLocation":"DotPlotChartPointerEventDetail"}}}},{"method":"pointHover","name":"pointHover","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DotPlotChartPointerEventDetail | null","resolved":"DotPlotChartPointerEventDetail","references":{"DotPlotChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartPointerEventDetail","referenceLocation":"DotPlotChartPointerEventDetail"}}}},{"method":"crosshairMove","name":"crosshairMove","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianCrosshairEventDetail | null","resolved":"CartesianCrosshairEventDetail","references":{"CartesianCrosshairEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianCrosshairEventDetail","referenceLocation":"CartesianCrosshairEventDetail"}}}},{"method":"tooltipShow","name":"tooltipShow","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianTooltipEventDetail","resolved":"CartesianTooltipEventDetail","references":{"CartesianTooltipEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipEventDetail","referenceLocation":"CartesianTooltipEventDetail"}}}},{"method":"tooltipHide","name":"tooltipHide","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"tooltipAction","name":"tooltipAction","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianTooltipActionEventDetail","resolved":"CartesianTooltipActionEventDetail","references":{"CartesianTooltipActionEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipActionEventDetail","referenceLocation":"CartesianTooltipActionEventDetail"}}}},{"method":"seriesOutsideClick","name":"seriesOutsideClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"CartesianSeriesOutsideClickEventDetail","resolved":"CartesianSeriesOutsideClickEventDetail","references":{"CartesianSeriesOutsideClickEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianSeriesOutsideClickEventDetail","referenceLocation":"CartesianSeriesOutsideClickEventDetail"}}}},{"method":"pointContextMenu","name":"pointContextMenu","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"ChartPointContextMenuEventDetail<DotPlotChartPointerEventDetail>","resolved":"ChartPointContextMenuEventDetail<DotPlotChartPointerEventDetail>","references":{"ChartPointContextMenuEventDetail":{"location":"import","path":"../_shared/core/event","id":"src/components/chart/_shared/core/event/index.ts::ChartPointContextMenuEventDetail","referenceLocation":"ChartPointContextMenuEventDetail"},"DotPlotChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartPointerEventDetail","referenceLocation":"DotPlotChartPointerEventDetail"}}}},{"method":"legendItemClick","name":"legendItemClick","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DotPlotChartLegendItemEventDetail","resolved":"DotPlotChartLegendItemEventDetail","references":{"DotPlotChartLegendItemEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartLegendItemEventDetail","referenceLocation":"DotPlotChartLegendItemEventDetail"}}}},{"method":"seriesToggled","name":"seriesToggled","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"DotPlotChartSeriesToggledEventDetail","resolved":"DotPlotChartSeriesToggledEventDetail","references":{"DotPlotChartSeriesToggledEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartSeriesToggledEventDetail","referenceLocation":"DotPlotChartSeriesToggledEventDetail"}}}},{"method":"appended","name":"appended","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ count: number }","resolved":"{ count: number; }","references":{}}},{"method":"windowSlid","name":"windowSlid","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"{ dropped: number }","resolved":"{ dropped: number; }","references":{}}},{"method":"chartAnimationStart","name":"chartAnimationStart","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationEnd","name":"chartAnimationEnd","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}},{"method":"chartAnimationInterrupted","name":"chartAnimationInterrupted","bubbles":true,"cancelable":true,"composed":true,"docs":{text:"",tags:[]},"complexType":{"original":"void","resolved":"void","references":{}}}]}static get methods(){return{"redraw":{"complexType":{"signature":"() => Promise<DotPlotChartRenderResult>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotChartRenderResult":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartRenderResult","referenceLocation":"DotPlotChartRenderResult"}},"return":"Promise<DotPlotChartRenderResult>"},"docs":{text:"",tags:[]}},"getActiveTier":{"complexType":{"signature":"() => Promise<DotPlotChartEngineTier>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotChartEngineTier":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartEngineTier","referenceLocation":"DotPlotChartEngineTier"}},"return":"Promise<DotPlotChartEngineTier>"},"docs":{text:"",tags:[]}},"setData":{"complexType":{"signature":"(data: ReadonlyArray<DotPlotDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DotPlotDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DotPlotDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotDatum","referenceLocation":"DotPlotDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendPoint":{"complexType":{"signature":"(datum: DotPlotDatum) => Promise<void>","parameters":[{"name":"datum","type":"DotPlotDatum","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotDatum","referenceLocation":"DotPlotDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"appendBatch":{"complexType":{"signature":"(data: ReadonlyArray<DotPlotDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DotPlotDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DotPlotDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotDatum","referenceLocation":"DotPlotDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"shift":{"complexType":{"signature":"(count: number) => Promise<void>","parameters":[{"name":"count","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"replace":{"complexType":{"signature":"(data: ReadonlyArray<DotPlotDatum>) => Promise<void>","parameters":[{"name":"data","type":"readonly DotPlotDatum[]","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"ReadonlyArray":{"location":"global","id":"global::ReadonlyArray"},"DotPlotDatum":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotDatum","referenceLocation":"DotPlotDatum"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"getStreamSource":{"complexType":{"signature":"() => Promise<DotPlotChartStreamSource | undefined>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotChartStreamSource":{"location":"import","path":"./core/dot-plot-stream-source","id":"src/components/chart/dot-plot-chart/core/dot-plot-stream-source.ts::DotPlotChartStreamSource","referenceLocation":"DotPlotChartStreamSource"}},"return":"Promise<DotPlotChartStreamSource>"},"docs":{text:"",tags:[]}},"setAnimation":{"complexType":{"signature":"(options: { duration?: number; easing?: DotPlotChartEasing; enabled?: boolean; type?: DotPlotChartAnimationType; }) => Promise<void>","parameters":[{"name":"options","type":"{ duration?: number; easing?: DotPlotChartEasing; enabled?: boolean; type?: DotPlotChartAnimationType; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotChartEasing":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartEasing","referenceLocation":"DotPlotChartEasing"},"DotPlotChartAnimationType":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartAnimationType","referenceLocation":"DotPlotChartAnimationType"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"pauseAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"resumeAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"replayAnimation":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"hitTest":{"complexType":{"signature":"(cssX: number, cssY: number) => Promise<DotPlotChartPointerEventDetail | null>","parameters":[{"name":"cssX","type":"number","docs":{text:"",tags:[]}},{"name":"cssY","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"DotPlotChartPointerEventDetail":{"location":"import","path":"./core/types","id":"src/components/chart/dot-plot-chart/core/types.ts::DotPlotChartPointerEventDetail","referenceLocation":"DotPlotChartPointerEventDetail"}},"return":"Promise<DotPlotChartPointerEventDetail>"},"docs":{text:"",tags:[]}},"showTooltipAtPoint":{"complexType":{"signature":"(pointIndex: number, seriesIndex?: number) => Promise<CartesianTooltipEventDetail | null>","parameters":[{"name":"pointIndex","type":"number","docs":{text:"",tags:[]}},{"name":"seriesIndex","type":"number","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"},"CartesianTooltipEventDetail":{"location":"import","path":"../_shared/core/contract","id":"src/components/chart/_shared/core/contract/index.ts::CartesianTooltipEventDetail","referenceLocation":"CartesianTooltipEventDetail"}},"return":"Promise<CartesianTooltipEventDetail>"},"docs":{text:"",tags:[]}},"hideTooltip":{"complexType":{"signature":"() => Promise<void>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<void>"},"docs":{text:"",tags:[]}},"showSeries":{"complexType":{"signature":"(id: string | number, opts?: { redraw?: boolean; }) => Promise<boolean>","parameters":[{"name":"id","type":"string | number","docs":{text:"",tags:[]}},{"name":"opts","type":"{ redraw?: boolean; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"hideSeries":{"complexType":{"signature":"(id: string | number, opts?: { redraw?: boolean; }) => Promise<boolean>","parameters":[{"name":"id","type":"string | number","docs":{text:"",tags:[]}},{"name":"opts","type":"{ redraw?: boolean; }","docs":{text:"",tags:[]}}],"references":{"Promise":{"location":"global","id":"global::Promise"}},"return":"Promise<boolean>"},"docs":{text:"",tags:[]}},"getEngineStatus":{"complexType":{"signature":"() => Promise<ChartEngineStatus>","parameters":[],"references":{"Promise":{"location":"global","id":"global::Promise"},"ChartEngineStatus":{"location":"import","path":"../_shared/core/engine/types","id":"src/components/chart/_shared/core/engine/types.ts::ChartEngineStatus","referenceLocation":"ChartEngineStatus"}},"return":"Promise<ChartEngineStatus>"},"docs":{text:"",tags:[]}}}}static get elementRef(){return"host"}static get watchers(){return[{"propName":"data","methodName":"handleValuesChange"},{"propName":"groups","methodName":"handleValuesChange"},{"propName":"streamSource","methodName":"handleStreamSourceChange"},{"propName":"streamWindow","methodName":"handleStreamSourceChange"},{"propName":"streamMax","methodName":"handleStreamSourceChange"},{"propName":"animated","methodName":"handleAnimationToggle"},{"propName":"animationDuration","methodName":"handleAnimationToggle"},{"propName":"animationEasing","methodName":"handleAnimationToggle"},{"propName":"animationType","methodName":"handleAnimationToggle"},{"propName":"categories","methodName":"handleVisualChange"},{"propName":"color","methodName":"handleVisualChange"},{"propName":"marker","methodName":"handleVisualChange"},{"propName":"markerSize","methodName":"handleVisualChange"},{"propName":"showRowLines","methodName":"handleVisualChange"},{"propName":"sortDescending","methodName":"handleVisualChange"},{"propName":"valueAxisLabel","methodName":"handleVisualChange"},{"propName":"gridLines","methodName":"handleVisualChange"},{"propName":"chartTitle","methodName":"handleVisualChange"},{"propName":"chartSubtitle","methodName":"handleVisualChange"},{"propName":"legend","methodName":"handleVisualChange"},{"propName":"legendPosition","methodName":"handleVisualChange"},{"propName":"width","methodName":"handleVisualChange"},{"propName":"height","methodName":"handleVisualChange"},{"propName":"engine","methodName":"handleVisualChange"},{"propName":"unavailable","methodName":"handleVisualChange"},{"propName":"xLabelMode","methodName":"handleVisualChange"},{"propName":"xLabelRotation","methodName":"handleVisualChange"},{"propName":"xLabelMaxCount","methodName":"handleVisualChange"}]}}function round2(v){return Math.round(v*100)/100}function formatNumber(v){return Number.isInteger(v)?String(v):v.toFixed(2)}

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

@@ -0,0 +1 @@
+export function applyDumbbellEasing(t,easing){const x=clamp01(t);switch(easing){case"linear":return x;case"ease-out":return 1-(1-x)*(1-x)*(1-x);case"ease-in":return x*x*x;case"ease-in-out":return x<.5?4*x*x*x:1-Math.pow(-2*x+2,3)/2;default:return x}}function clamp01(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}export function createDumbbellAnimator(){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 applyDumbbellEasing(rawProgress(entry,now),entry.easing)},has(key){return entries.has(key)},isActive(key,now){const entry=entries.get(key);if(!entry)return false;if(entry.paused)return true;return rawProgress(entry,now)<1},tick(now){const done=[];for(const[key,entry]of entries){if(entry.startedAt<0&&!entry.paused)entry.startedAt=now;if(entry.paused)continue;if(rawProgress(entry,now)>=1)done.push(key)}for(const key of done)entries.delete(key)},pauseAll(now){for(const entry of entries.values()){if(entry.paused)continue;if(entry.startedAt>=0)entry.pausedElapsed+=now-entry.startedAt;entry.paused=true}},resumeAll(now){for(const entry of entries.values()){if(!entry.paused)continue;entry.startedAt=now;entry.paused=false}},hasActive(){for(const entry of entries.values())if(!entry.paused)return true;return false},cancel(key){entries.delete(key)},clear(){entries.clear()},entries(){return entries}}}

package/dist/collection/components/chart/dumbbell-chart/core/dumbbell-chart-core.js

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

package/dist/collection/components/chart/dumbbell-chart/core/dumbbell-data.js

@@ -0,0 +1 @@
+export function normalizeDumbbellDatum(datum,index=0){const values=Array.isArray(datum.values)?datum.values:void 0;return{category:datum.category??String(index+1),low:(values?values[0]:datum.low)??null,high:(values?values[1]:datum.high)??null,lowColor:datum.lowColor,highColor:datum.highColor,lowMarker:datum.lowMarker,highMarker:datum.highMarker}}export function normalizeDumbbellData(data){return Array.isArray(data)?data.map((datum,index)=>normalizeDumbbellDatum(datum,index)):[]}

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

@@ -0,0 +1 @@
+function toFiniteOrNull(value){return typeof value==="number"&&Number.isFinite(value)?value:null}export function computeDumbbellModel(lowValues,highValues,categories,options={}){const n=Math.max(lowValues.length,highValues.length);const items=[];for(let i=0;i<n;i++){const low=toFiniteOrNull(lowValues[i]);const high=toFiniteOrNull(highValues[i]);items.push({index:i,sourceIndex:i,category:categories?.[i]??String(i+1),low,high})}if(options.sortDescending){const sortValue=item=>item.high??item.low??-Infinity;items.sort((a,b)=>sortValue(b)-sortValue(a)||a.sourceIndex-b.sourceIndex);items.forEach((item,i)=>{item.index=i})}let maxValue=0;let minValue=0;let sawFinite=false;for(const item of items){for(const value of[item.low,item.high]){if(value===null)continue;if(!sawFinite){maxValue=value;minValue=value;sawFinite=true}else{maxValue=Math.max(maxValue,value);minValue=Math.min(minValue,value)}}}return{items,maxValue:sawFinite?maxValue:0,minValue:sawFinite?minValue:0}}export function dumbbellBandWidth(plotWidth,n){return n>0?plotWidth/n:plotWidth}export function dumbbellBandCenterX(plot,i,n){return plot.x+(i+.5)*dumbbellBandWidth(plot.width,n)}export function dumbbellConnectors(model,plot,valueY){const n=model.items.length;const out=[];for(const item of model.items){if(item.low===null&&item.high===null)continue;out.push({index:item.index,category:item.category,x:dumbbellBandCenterX(plot,item.index,n),low:item.low,high:item.high,lowY:item.low===null?null:valueY(item.low),highY:item.high===null?null:valueY(item.high)})}return out}export function dumbbellBottomUpRevealY(finalY,plot,progress){const startY=plot.y+plot.height;const t=clampUnit(progress);return startY+(finalY-startY)*t}export function dumbbellMarkerPath(symbol,cx,cy,r){const x=round(cx);const y=round(cy);const rr=round(r);switch(symbol){case"square":return`M ${x-rr} ${y-rr} H ${x+rr} V ${y+rr} H ${x-rr} Z`;case"diamond":return`M ${x} ${y-rr} L ${x+rr} ${y} L ${x} ${y+rr} L ${x-rr} ${y} Z`;default:return`M ${x-rr} ${y} a ${rr} ${rr} 0 1 0 ${rr*2} 0 a ${rr} ${rr} 0 1 0 ${-rr*2} 0`}}export function dumbbellBandAtPoint(plot,n,cssX,cssY){if(n===0)return-1;if(cssX<plot.x||cssX>plot.x+plot.width)return-1;if(cssY<plot.y||cssY>plot.y+plot.height)return-1;const index=Math.floor((cssX-plot.x)/dumbbellBandWidth(plot.width,n));return Math.max(0,Math.min(n-1,index))}function round(v){return Math.round(v*100)/100}function clampUnit(value){if(!Number.isFinite(value)||value<=0)return 0;if(value>=1)return 1;return value}

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

@@ -0,0 +1 @@
+export function createDumbbellStreamSource(){const error=new Error("Dedicated streaming requires @syidax/advanced-pro");error.code="module-missing";error.feature="chart.streaming";throw error}

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

@@ -0,0 +1 @@
+export function toDatum(input){if(!input||typeof input!=="object")return void 0;const values=Array.isArray(input.values)?input.values:void 0;const low=values?values[0]:input.low;const high=values?values[1]:input.high;if(typeof low==="number"&&typeof high==="number"&&Number.isFinite(low)&&Number.isFinite(high)){return{values:[low,high],low,high,category:input.category}}return void 0}export{toDatum as normalizeDumbbellStreamDatum};export{createDumbbellStreamSource}from"./dumbbell-stream-source-runtime.js";

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

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

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

@@ -0,0 +1 @@
+export{computeDumbbellModel,dumbbellConnectors,dumbbellBottomUpRevealY,dumbbellMarkerPath,dumbbellBandAtPoint,dumbbellBandCenterX,dumbbellBandWidth}from"../../core/dumbbell-geometry.js";export const DUMBBELL_STANDARD_ENGINE="standard";

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

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

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative}.sy-dumbbell-chart__surface{display:block}.sy-dumbbell-chart__connector,.sy-dumbbell-chart__marker{transition:opacity 120ms ease}.sy-dumbbell-chart__tooltip{pointer-events:none}.sy-dumbbell-chart__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sy-dumbbell-chart__watermark{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}