@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/collection/components/chart/_shared/core/state/state-model.js

@@ -0,0 +1 @@
+function isFiniteNumber(v){return typeof v==="number"&&Number.isFinite(v)||typeof v==="bigint"}function isFiniteDatum(d){if(isFiniteNumber(d))return true;if(Array.isArray(d)){if(d.length>=2)return isFiniteNumber(d[1]);return d.length===1&&isFiniteNumber(d[0])}if(d&&typeof d==="object"){const o=d;return isFiniteNumber(o.value)||isFiniteNumber(o.y)}return false}function countArrayPoints(arr){let n=0;for(const d of arr)if(isFiniteDatum(d))n+=1;return n}function isTypedNumberArray(v){return v instanceof Float32Array||v instanceof Float64Array||v instanceof Int32Array||v instanceof Int16Array||v instanceof Uint8Array||v instanceof Uint16Array||v instanceof Uint32Array}function isBigIntTypedArray(v){return typeof BigInt64Array!=="undefined"&&v instanceof BigInt64Array||typeof BigUint64Array!=="undefined"&&v instanceof BigUint64Array}function countTyped(v){let n=0;for(let i=0;i<v.length;i+=1)if(Number.isFinite(v[i]))n+=1;return n}function hasOwnSeriesDataCarrier(v){return!!v&&typeof v==="object"&&!Array.isArray(v)&&(Object.prototype.hasOwnProperty.call(v,"data")||Object.prototype.hasOwnProperty.call(v,"values"))}function countSeriesPoints(series){let n=0;for(const s of series){if(Array.isArray(s)){n+=countArrayPoints(s);continue}if(hasOwnSeriesDataCarrier(s)){const o=s;if(isTypedNumberArray(o.values))n+=countTyped(o.values);else if(isBigIntTypedArray(o.values))n+=o.values.length;else if(Array.isArray(o.values))n+=countArrayPoints(o.values);if(isTypedNumberArray(o.data))n+=countTyped(o.data);else if(isBigIntTypedArray(o.data))n+=o.data.length;else if(Array.isArray(o.data))n+=countArrayPoints(o.data)}}return n}export function countChartDataPoints(payload){if(payload==null)return 0;if(isTypedNumberArray(payload))return countTyped(payload);if(isBigIntTypedArray(payload))return payload.length;if(Array.isArray(payload)){const looksLikeSeries=payload.some(hasOwnSeriesDataCarrier);return looksLikeSeries?countSeriesPoints(payload):countArrayPoints(payload)}const o=payload;let n=0;if(isFiniteNumber(o.value))n+=1;if(isTypedNumberArray(o.values))n+=countTyped(o.values);else if(isBigIntTypedArray(o.values))n+=o.values.length;else if(Array.isArray(o.values))n+=countChartDataPoints(o.values);if(Array.isArray(o.data))n+=countChartDataPoints(o.data);if(Array.isArray(o.series))n+=countSeriesPoints(o.series);return n}export function isChartDataEmpty(payload){return countChartDataPoints(payload)===0}export function resolveChartDisplayState(input){if(input.error)return"error";if(input.loading)return"loading";if(input.showEmpty!==false&&isChartDataEmpty(input.data))return"empty";return"normal"}export function resolveChartErrorMessage(error){return typeof error==="string"&&error.length>0?error:null}

package/dist/collection/components/chart/_shared/core/stream/batch-flush-runtime.js

@@ -0,0 +1 @@
+export function createBatchFlush(){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/_shared/core/stream/batch-flush.js

@@ -0,0 +1 @@
+export{createBatchFlush}from"./batch-flush-runtime.js";

package/dist/collection/components/chart/_shared/core/stream/category-upserts.js

@@ -0,0 +1 @@
+export function applyCategoryUpsert(tracked,dataCategories,event,categoryOf,snapshotCategories){if(event.type==="shift"){for(const datum of event.entries){const category=categoryOf(datum);if(category!==void 0)tracked.delete(category)}return{replaced:0}}const seen=new Set;let replaced=0;for(const datum of event.entries){const category=categoryOf(datum);if(category===void 0||seen.has(category))continue;seen.add(category);if(dataCategories.has(category)||tracked.has(category))replaced+=1}tracked.clear();for(const category of snapshotCategories())if(category!==void 0)tracked.add(category);return{replaced}}export function categorySetOf(data,categoryOf){const out=new Set;if(!data)return out;for(const datum of data){const category=categoryOf(datum);if(category!==void 0)out.add(category)}return out}

package/dist/collection/components/chart/_shared/core/stream/frame-budget.js

@@ -0,0 +1 @@
+export function createFrameBudget(options={}){const budgetMs=typeof options.budgetMs==="number"&&Number.isFinite(options.budgetMs)&&options.budgetMs>0?options.budgetMs:options.budgetMs===void 0?16:0;const enabled=budgetMs>0;const maxConsecutiveSkips=typeof options.maxConsecutiveSkips==="number"&&Number.isFinite(options.maxConsecutiveSkips)&&options.maxConsecutiveSkips>=0?Math.floor(options.maxConsecutiveSkips):1;const now=typeof options.now==="function"?options.now:typeof performance!=="undefined"&&typeof performance.now==="function"?()=>performance.now():()=>Date.now();let frames=0;let skipped=0;let exceeded=0;let lastMs=0;let totalMs=0;let maxMs=0;let consecutiveSkips=0;let armed=false;const record=durationMs=>{const ms=Number.isFinite(durationMs)&&durationMs>0?durationMs:0;frames+=1;lastMs=ms;totalMs+=ms;if(ms>maxMs)maxMs=ms;const over=enabled&&ms>budgetMs;if(over)exceeded+=1;consecutiveSkips=0;armed=over;return{ms,exceeded:over}};return{budgetMs,enabled,decide(input={}){if(!enabled)return{draw:true,reason:"disabled",lastMs};const backlog=typeof input.gpuBacklog==="number"&&Number.isFinite(input.gpuBacklog)?input.gpuBacklog:0;const reason=armed?"over-budget":backlog>=2?"gpu-backlog":void 0;if(reason===void 0)return{draw:true,reason:"ok",lastMs};if(consecutiveSkips>=maxConsecutiveSkips){armed=false;return{draw:true,reason:"forced",lastMs}}skipped+=1;consecutiveSkips+=1;armed=false;return{draw:false,reason,lastMs}},record,begin(){const started=now();return()=>record(now()-started)},stats(){return{frames,skipped,exceeded,lastMs,avgMs:frames>0?totalMs/frames:0,maxMs,consecutiveSkips,armed}},reset(){frames=0;skipped=0;exceeded=0;lastMs=0;totalMs=0;maxMs=0;consecutiveSkips=0;armed=false}}}

package/dist/collection/components/chart/_shared/core/stream/index.js

@@ -0,0 +1 @@
+export{createRingBuffer}from"./ring-buffer.js";export{createStreamSource}from"./stream-source.js";export{computeTimeWindow}from"./time-window.js";export{createBatchFlush}from"./batch-flush.js";export{createFrameBudget}from"./frame-budget.js";

package/dist/collection/components/chart/_shared/core/stream/keyed-object-stream-runtime.js

@@ -0,0 +1 @@
+export function createKeyedObjectStream(){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/_shared/core/stream/keyed-object-stream.js

@@ -0,0 +1 @@
+export{createKeyedObjectStream}from"./keyed-object-stream-runtime.js";

package/dist/collection/components/chart/_shared/core/stream/ring-buffer-runtime.js

@@ -0,0 +1 @@
+export function createRingBuffer(){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/_shared/core/stream/ring-buffer.js

@@ -0,0 +1 @@
+export{createRingBuffer}from"./ring-buffer-runtime.js";

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

@@ -0,0 +1 @@
+export function createStreamSource(){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/_shared/core/stream/stream-source.js

@@ -0,0 +1 @@
+export{createStreamSource}from"./stream-source-runtime.js";

package/dist/collection/components/chart/_shared/core/stream/time-window-runtime.js

@@ -0,0 +1 @@
+export function computeTimeWindow(){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/_shared/core/stream/time-window.js

@@ -0,0 +1 @@
+export{computeTimeWindow}from"./time-window-runtime.js";

package/dist/collection/components/chart/_shared/core/theme/index.js

@@ -0,0 +1 @@
+export*from"./theme.js";

package/dist/collection/components/chart/_shared/core/theme/theme.js

@@ -0,0 +1 @@
+const chartToken=(name,fallback)=>`var(--charts-${name}, ${fallback})`;const highchartsToken=(name,chartsName,fallback)=>`var(--highcharts-${name}, ${chartToken(chartsName,fallback)})`;const highchartsColor=(index,fallback)=>highchartsToken(`color-${index}`,`series-${index}`,fallback);const LIGHT={name:"light",cssClass:"highcharts-light",background:highchartsToken("background-color","background-color","#ffffff"),surface:highchartsToken("background-color","background-color","#ffffff"),text:highchartsToken("neutral-color-80","neutral-80","#1f2937"),textMuted:highchartsToken("neutral-color-60","neutral-60","#6b7280"),border:highchartsToken("neutral-color-40","neutral-40","#e5e7eb"),gridLine:highchartsToken("neutral-color-10","neutral-10","#eef2f7"),axisLine:highchartsToken("neutral-color-80","neutral-80","#cbd5e1"),axisLabel:highchartsToken("neutral-color-80","neutral-80","#5b6b80"),tooltipBackground:highchartsToken("neutral-color-3","neutral-3","#ffffff"),tooltipText:highchartsToken("neutral-color-80","neutral-80","#1f2937"),accent:highchartsToken("highlight-color-80","highlight-80","#2563eb"),hover:highchartsToken("neutral-color-5","neutral-5","#f1f5f9"),palette:[highchartsColor(0,"#60a5fa"),highchartsColor(1,"#a78bfa"),highchartsColor(2,"#86efac"),highchartsColor(3,"#f97316"),highchartsColor(4,"#94a3b8"),highchartsColor(5,"#e879f9"),highchartsColor(6,"#5eead4"),highchartsColor(7,"#f87171"),highchartsColor(8,"#fdba74"),highchartsColor(9,"#99f6e4")]};const DARK={name:"dark",cssClass:"highcharts-dark",background:highchartsToken("background-color","background-color","#0f172a"),surface:highchartsToken("background-color","background-color","#0f172a"),text:highchartsToken("neutral-color-80","neutral-80","#e2e8f0"),textMuted:highchartsToken("neutral-color-60","neutral-60","#94a3b8"),border:highchartsToken("neutral-color-40","neutral-40","#334155"),gridLine:highchartsToken("neutral-color-10","neutral-10","#1e293b"),axisLine:highchartsToken("neutral-color-80","neutral-80","#475569"),axisLabel:highchartsToken("neutral-color-80","neutral-80","#94a3b8"),tooltipBackground:highchartsToken("neutral-color-3","neutral-3","#1e293b"),tooltipText:highchartsToken("neutral-color-80","neutral-80","#e2e8f0"),accent:highchartsToken("highlight-color-80","highlight-80","#60a5fa"),hover:highchartsToken("neutral-color-5","neutral-5","#334155"),palette:LIGHT.palette};const HIGH_CONTRAST={name:"high-contrast",background:"#ffffff",surface:"#ffffff",text:"#000000",textMuted:"#1a1a1a",border:"#000000",gridLine:"#767676",axisLine:"#000000",axisLabel:"#000000",tooltipBackground:"#000000",tooltipText:"#ffffff",accent:"#0033cc",hover:"#dddddd",palette:["#0033cc","#cc3300","#006600","#7700aa","#aa0066","#005577","#885500","#000000","#444444","#003333"]};export const CHART_THEMES={light:LIGHT,dark:DARK,"high-contrast":HIGH_CONTRAST};export function resolveChartTheme(theme){if(!theme)return LIGHT;if(typeof theme==="string")return CHART_THEMES[theme]??LIGHT;return{...LIGHT,...theme}}export function themeToCssVars(theme){const vars={"--sy-chart-bg":theme.background,"--sy-chart-surface":theme.surface,"--sy-chart-text":theme.text,"--sy-chart-text-color":theme.text,"--sy-chart-text-muted":theme.textMuted,"--sy-chart-border":theme.border,"--sy-chart-grid-line":theme.gridLine,"--sy-chart-axis-line":theme.axisLine,"--sy-chart-axis-label":theme.axisLabel,"--sy-chart-tooltip-bg":theme.tooltipBackground,"--sy-chart-tooltip-text":theme.tooltipText,"--sy-chart-accent":theme.accent,"--sy-chart-hover":theme.hover,"--background-default":theme.background,"--border-default":theme.border,"--text-default":theme.text,"--text-muted":theme.textMuted,"--sy-axis-color":theme.text,"--sy-axis-color-muted":theme.textMuted,"--sy-axis-grid-color":theme.gridLine,"--sy-axis-line-color":theme.axisLine,"--sy-axis-zero-color":theme.axisLine,"--sy-axis-tick-color":theme.axisLine,"--sy-axis-label-color":theme.axisLabel,"--sy-tooltip-bg":theme.tooltipBackground,"--sy-tooltip-color":theme.tooltipText,"--sy-tooltip-connector-color":theme.axisLine,"--sy-crosshair-color":theme.axisLine,"--sy-data-label-color":theme.text,"--sy-surface":theme.surface,"--sy-color-border":theme.border,"--sy-color-background-elevated":theme.surface,"--sy-focus-ring":theme.accent};theme.palette.forEach((color,i)=>{vars[`--sy-chart-series-${i}`]=color});return vars}

package/dist/collection/components/chart/_shared/core/tooltip/card-a11y.js

@@ -0,0 +1 @@
+export function tooltipCardA11y(interactive,label,close){return{role:interactive?"group":"tooltip","aria-label":interactive?label:void 0,onKeyDown:event=>{if(event.key!=="Escape")return;event.preventDefault();event.stopPropagation();close()}}}

package/dist/collection/components/chart/_shared/core/tooltip/cell-tooltip-controller.js

@@ -0,0 +1 @@
+import{safeChartFormatter}from"../format/safe-formatter.js";import{resolveCartesianTooltipSpec}from"../contract/index.js";import{cartesianTooltipAnchor}from"../layout/index.js";import{avoidTooltipCardOverlap,computeTooltipPlacement,tooltipConnectorEnd}from"./index.js";function cloneContext(context){return{...context,...context.geoMap?{geoMap:structuredClone(context.geoMap)}:{},...context.gantt?{gantt:structuredClone(context.gantt)}:{},...context.parallelCoordinates?{parallelCoordinates:structuredClone(context.parallelCoordinates)}:{},...context.surface3d?{surface3d:structuredClone(context.surface3d)}:{},...context.scatter3d?{scatter3d:structuredClone(context.scatter3d)}:{},...context.bar3d?{bar3d:structuredClone(context.bar3d)}:{},...context.themeRiver?{themeRiver:structuredClone(context.themeRiver)}:{}}}function round2(v){return Math.round(v*100)/100}function cssValue(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`}export function stepCellFocus(key,current,columns,rows,step=1){if(columns<=0||rows<=0)return null;const base=current??{col:0,row:0};let{col,row}=base;switch(key){case"ArrowRight":col=Math.min(columns-1,col+step);break;case"ArrowLeft":col=Math.max(0,col-step);break;case"ArrowDown":row=Math.min(rows-1,row+step);break;case"ArrowUp":row=Math.max(0,row-step);break;case"Home":col=0;break;case"End":col=columns-1;break;default:return null}return current?{col,row}:{col:0,row:0}}export class CellTooltipController{host;className;current=null;pinned=[];drag;nextId=1;memory=new Map;constructor(host,className="sy-cell__tooltip"){this.host=host;this.className=className}resolveSpec(input,enabled){const spec=resolveCartesianTooltipSpec(input);if(input===void 0&&!enabled)return{...spec,show:false};return spec}get visible(){return this.current!==null||this.pinned.length>0}get single(){return this.current}shouldShowOnHover(spec){return spec.trigger!=="click"}shouldShowOnClick(spec){return spec.trigger==="click"||spec.trigger==="hover-click"}shouldHideOnLeave(spec){if(!spec.show)return true;if(spec.draggable||spec.trigger==="click")return false;return spec.hideOnLeave!==false}clear(){if(!this.visible)return;this.drag=void 0;this.current=null;this.pinned=[];this.host.emitHide();this.host.requestRender()}show(plot,cell,spec,allowMultiple=false,retained){const multiple=allowMultiple&&spec.openMode==="multiple";const key=cell.key??cell.index;const existing=multiple?this.pinned.find(item=>item.key===key):this.current?.key===key?this.current:void 0;const previous=existing??(retained?.key===key?retained:void 0);const rendered=this.renderedFor(plot,cell,spec,previous);this.drag=void 0;if(multiple){this.current=rendered;this.pinned=existing?this.pinned.map(item=>item.id===existing.id?rendered:item):[...this.pinned,rendered]}else{this.pinned=[];this.current=rendered}const detail={cssX:rendered.cssX,cssY:rendered.cssY,anchor:rendered.side,text:rendered.text,html:rendered.html,context:cloneContext(rendered.context)};this.host.emitShow(detail);this.host.requestRender();return detail}capture(key){const item=this.pinned.find(card=>card.key===key)??(this.current?.key===key?this.current:void 0);return item?{...item,bounds:item.bounds?{...item.bounds}:void 0,context:cloneContext(item.context),box:item.box?{...item.box}:void 0,positionLock:item.positionLock?{...item.positionLock}:void 0,style:item.style?{...item.style}:void 0,connector:item.connector?{...item.connector}:void 0}:void 0}reconcile(plot,resolve){const resolved=new Map;const find=key=>{if(!resolved.has(key))resolved.set(key,resolve(key));return resolved.get(key)};for(const key of this.memory.keys())if(!find(key))this.memory.delete(key);if(!this.visible)return;const active=this.pinned.length?this.pinned:this.current?[this.current]:[];const next=active.flatMap(previous=>{const item=find(previous.key??previous.context.pointIndex??previous.context.index??0);return item?.spec.show?[this.renderedFor(plot,item.cell,item.spec,previous)]:[]});if(!next.length){this.clear();return}if(JSON.stringify(active)===JSON.stringify(next))return;const current=next.find(item=>item.id===this.current?.id);if(!current)this.drag=void 0;this.current=current??next[next.length-1];this.pinned=this.pinned.length?next:[];this.host.requestRender()}renderedFor(plot,cell,spec,previous){const context={seriesIndex:0,pointIndex:cell.index,index:cell.index,value:cell.value,cssX:cell.cssX,cssY:cell.cssY,dataX:cell.dataX,dataY:cell.dataY,mode:spec.mode,...cell.geoMap?{geoMap:structuredClone(cell.geoMap)}:{},...cell.gantt?{gantt:structuredClone(cell.gantt)}:{},...cell.parallelCoordinates?{parallelCoordinates:structuredClone(cell.parallelCoordinates)}:{},...cell.surface3d?{surface3d:structuredClone(cell.surface3d)}:{},...cell.scatter3d?{scatter3d:structuredClone(cell.scatter3d)}:{},...cell.bar3d?{bar3d:structuredClone(cell.bar3d)}:{},...cell.themeRiver?{themeRiver:structuredClone(cell.themeRiver)}:{}};const anchor=cartesianTooltipAnchor({frame:{plot},hit:{cssX:cell.cssX,cssY:cell.cssY},spec});const key=cell.key??cell.index;const locked=previous?.positionLock?{lock:previous.positionLock,side:previous.side,box:previous.box}:previous&&spec.draggable?void 0:this.lockedPositionFor(key,spec);const side=locked?.side??anchor.side;const bounds=cell.bounds?{...cell.bounds}:void 0;const rectAnchor=bounds?{cssX:side==="left"?bounds.x:side==="right"?bounds.x+bounds.width:bounds.x+bounds.width/2,cssY:side==="top"?bounds.y:side==="bottom"?bounds.y+bounds.height:bounds.y+bounds.height/2}:void 0;const renderedAnchor=locked?this.anchorFromLock(locked.lock,side,locked.box,spec.offset??10):rectAnchor??{cssX:anchor.cssX,cssY:anchor.cssY};const text=safeChartFormatter(spec.format,[context.value,cloneContext(context)],()=>cell.text,"tooltip.format",spec);const html=safeChartFormatter(spec.html,[context.value,cloneContext(context)],()=>void 0,"tooltip.html",spec);const rendered={id:previous?.id??this.nextId++,bounds,key,cssX:renderedAnchor.cssX,cssY:renderedAnchor.cssY,pointCssX:cell.cssX,pointCssY:cell.cssY,box:locked?.box??previous?.box,side,text,html,className:spec.className,style:this.styleFromSpec(spec),interactive:spec.interactive,connector:spec.connector,draggable:spec.draggable,offset:spec.offset,positionLock:locked?.lock,context};return rendered}measure(element){if(!this.current||!element)return;const multiple=this.pinned.length>0;const elements=multiple?Array.from(element.parentElement?.children??[element]):[element];const active=new Map((multiple?this.pinned:[this.current]).map(tooltip=>[tooltip.id,tooltip]));const updates=new Map;for(const candidate of elements){const rawId=candidate.getAttribute?.("data-tooltip-id");const id=!multiple&&rawId==null?this.current.id:Number(rawId);const tooltip=active.get(id);if(!tooltip)continue;const rect=candidate.getBoundingClientRect();if(!Number.isFinite(rect.width)||!Number.isFinite(rect.height))continue;const width=round2(rect.width),height=round2(rect.height);if(tooltip.box?.width===width&&tooltip.box?.height===height)continue;const box={width,height};const next={...tooltip,box};if(tooltip.positionLock)Object.assign(next,this.anchorFromLock(tooltip.positionLock,tooltip.side,box,tooltip.offset??10));this.remember(next);updates.set(id,next)}if(updates.size===0)return;this.current=updates.get(this.current.id)??this.current;if(multiple)this.pinned=this.pinned.map(tooltip=>updates.get(tooltip.id)??tooltip);this.host.requestRender()}renderModel(){const tooltips=(this.pinned.length>0?this.pinned:[this.current]).map(tooltip=>this.positioned(tooltip)).filter(t=>Boolean(t));const measured=tooltips.flatMap((tooltip,index)=>{const rect=this.topLeftFromAnchor(tooltip);return rect&&tooltip.box?[{...rect,...tooltip.box,index,locked:Boolean(tooltip.positionLock)}]:[]});for(const rect of avoidTooltipCardOverlap(measured,this.host.size())){const tooltip=tooltips[rect.index];if(!tooltip.positionLock)tooltips[rect.index]={...tooltip,...this.anchorFromTopLeft(rect.x,rect.y,tooltip.box,tooltip.side,tooltip.offset??10)}}const items=tooltips.map(tooltip=>this.renderItem(tooltip,true));const connectors=tooltips.filter(t=>t.connector?.show).map(tooltip=>{const connector=tooltip.connector;const end=tooltipConnectorEnd(tooltip);return{x1:round2(tooltip.pointCssX),y1:round2(tooltip.pointCssY),x2:round2(end.x),y2:round2(end.y),stroke:connector.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))",width:connector.width??1,dash:connector.dash?.join(" ")}});return{items,connectors}}handleActionClick=event=>{const target=event.target;const actionTarget=target?.closest?.("[data-tooltip-action]");const action=actionTarget?.dataset.tooltipAction;const container=event.currentTarget??actionTarget?.closest?.("[data-tooltip-id]");const tooltipId=Number(container?.getAttribute("data-tooltip-id"));const tooltip=this.pinned.find(entry=>entry.id===tooltipId)??(this.current?.id===tooltipId?this.current:void 0);if(!action||!tooltip)return;event.stopPropagation();this.host.emitAction({...cloneContext(tooltip.context),action,text:tooltip.text,html:tooltip.html})};handlePointerDown=event=>{const element=event.currentTarget;const id=Number(element?.getAttribute?.("data-tooltip-id"));const selected=this.pinned.find(item=>item.id===id);if(selected)this.current=selected;if(!this.current?.draggable)return;const target=event.target;if(target?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;event.preventDefault();event.stopPropagation();const rendered=this.positioned(this.current)??this.current;const lock=this.topLeftFromElement(element)??this.topLeftFromAnchor(rendered)??{x:rendered.cssX,y:rendered.cssY};const box=this.current.box??rendered.box;const next={...this.current,cssX:rendered.cssX,cssY:rendered.cssY,side:rendered.side,box,positionLock:lock};Object.assign(next,this.anchorFromLock(lock,next.side,box,next.offset??10));this.current=next;this.pinned=this.pinned.map(item=>item.id===next.id?next:item);this.remember(next);element.setPointerCapture?.(event.pointerId);this.drag={pointerId:event.pointerId,startX:event.clientX,startY:event.clientY,originLockX:lock.x,originLockY:lock.y};this.host.requestRender()};handlePointerMove=event=>{const drag=this.drag;if(!drag||drag.pointerId!==event.pointerId||!this.current)return;event.preventDefault();event.stopPropagation();const lock={x:drag.originLockX+event.clientX-drag.startX,y:drag.originLockY+event.clientY-drag.startY};const next={...this.current,positionLock:lock};Object.assign(next,this.anchorFromLock(lock,next.side,next.box,next.offset??10));this.current=next;this.pinned=this.pinned.map(item=>item.id===next.id?next:item);this.remember(next);this.host.requestRender()};handlePointerUp=event=>{const drag=this.drag;if(!drag||drag.pointerId!==event.pointerId)return;event.stopPropagation();if(this.current)this.remember(this.current);event.currentTarget.releasePointerCapture?.(event.pointerId);this.drag=void 0;this.host.requestRender()};renderItem(tooltip,trackMeasure){const{cssX,cssY,side,text,html,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)",...interactive||draggable?{maxHeight:`${Math.max(0,(this.host.viewport?.().height??this.host.size().height)-12)}px`,overflowY:"auto",overscrollBehavior:"contain"}:{},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.drag?"grabbing":"grab":"default",transform:""};if(tooltip.positionLock){style.left=`${tooltip.positionLock.x}px`;style.top=`${tooltip.positionLock.y}px`}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]=cssValue(key,value);return{id:tooltip.id,style,className:className?`${this.className} ${className}`:this.className,text,html,trackMeasure}}positioned(tooltip=this.current){if(!tooltip)return null;if(!tooltip.box||this.drag&&tooltip.id===this.current?.id)return tooltip;if(tooltip.positionLock){if(tooltip.draggable)return tooltip;const viewport=this.host.viewport?.()??{x:0,y:0,...this.host.size()};const lock={x:Math.max(viewport.x+6,Math.min(tooltip.positionLock.x,viewport.x+viewport.width-tooltip.box.width-6)),y:Math.max(viewport.y+6,Math.min(tooltip.positionLock.y,viewport.y+viewport.height-tooltip.box.height-6))};return{...tooltip,positionLock:lock,...this.anchorFromLock(lock,tooltip.side,tooltip.box,tooltip.offset??10)}}const offset=tooltip.offset??10;const{width,height}=this.host.size();const placement=computeTooltipPlacement({anchor:tooltip.bounds?{kind:"rect",...tooltip.bounds}:{kind:"point",x:tooltip.pointCssX,y:tooltip.pointCssY},tooltip:tooltip.box,viewport:this.host.viewport?.()??{x:0,y:0,width,height},preferredSide:tooltip.side,offset,padding:6});const anchor=this.anchorFromTopLeft(placement.x,placement.y,tooltip.box,placement.side,offset);return{...tooltip,...anchor,side:placement.side}}styleFromSpec(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}topLeftFromAnchor(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}}topLeftFromElement(element){const rect=element.getBoundingClientRect();const hostRect=this.host.hostRect();if(!hostRect||!Number.isFinite(rect.left)||!Number.isFinite(rect.top))return void 0;return{x:rect.left-hostRect.left,y:rect.top-hostRect.top}}anchorFromLock(lock,side,box,offset){return box?this.anchorFromTopLeft(lock.x,lock.y,box,side,offset):{cssX:lock.x,cssY:lock.y}}anchorFromTopLeft(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}}remember(tooltip){if(!tooltip.draggable||!tooltip.positionLock)return;this.memory.set(tooltip.key??tooltip.context.pointIndex??tooltip.context.index??0,{lock:{...tooltip.positionLock},side:tooltip.side,box:tooltip.box})}lockedPositionFor(index,spec){if(spec.draggable){const memory=this.memory.get(index);return memory?{lock:{...memory.lock},side:memory.side,box:memory.box}:void 0}if(!spec.interactive||spec.openMode==="multiple")return void 0;const tooltip=this.positioned();if(!tooltip?.box||(tooltip.key??tooltip.context.pointIndex)!==index)return void 0;const lock=this.topLeftFromAnchor(tooltip);return lock?{lock,side:tooltip.side,box:tooltip.box}:void 0}}

package/dist/collection/components/chart/_shared/core/tooltip/connector.js

@@ -0,0 +1 @@
+function tooltipBoxBounds(input){const offset=input.offset??10;const width=input.box?.width??0;const height=input.box?.height??0;const left=input.side==="left"?input.cssX-offset-width:input.side==="right"?input.cssX+offset:input.cssX-width/2;const top=input.side==="top"?input.cssY-offset-height:input.side==="bottom"?input.cssY+offset:input.cssY-height/2;return{left,top,right:left+width,bottom:top+height}}function closestMidpoint(point,candidates){return candidates.map(candidate=>({candidate,distanceSq:(candidate.x-point.x)**2+(candidate.y-point.y)**2})).sort((a,b)=>a.distanceSq-b.distanceSq)[0].candidate}export function tooltipConnectorEnd(input){const offset=input.offset??10;if(!input.box){if(input.side==="top")return{x:input.cssX,y:input.cssY-offset};if(input.side==="bottom")return{x:input.cssX,y:input.cssY+offset};if(input.side==="left")return{x:input.cssX-offset,y:input.cssY};return{x:input.cssX+offset,y:input.cssY}}const{left,top,right,bottom}=tooltipBoxBounds(input);const midX=(left+right)/2;const midY=(top+bottom)/2;const point={x:input.pointCssX,y:input.pointCssY};const edgeMidpoints={bottom:{x:midX,y:bottom},right:{x:right,y:midY},left:{x:left,y:midY},top:{x:midX,y:top}};const candidates=[];if(bottom<input.pointCssY)candidates.push(edgeMidpoints.bottom);if(right<input.pointCssX)candidates.push(edgeMidpoints.right);if(left>input.pointCssX)candidates.push(edgeMidpoints.left);if(top>input.pointCssY)candidates.push(edgeMidpoints.top);return closestMidpoint(point,candidates.length>0?candidates:Object.values(edgeMidpoints))}

package/dist/collection/components/chart/_shared/core/tooltip/formatter.js

@@ -0,0 +1 @@
+function pad2(n){return n<10?"0"+String(n):String(n)}function pad4Year(year){if(year<0){return"-"+String(-year).padStart(4,"0")}if(year<1e3)return String(year).padStart(4,"0");return String(year)}export function defaultValueFormatter(value,locale){if(value===null||value===void 0)return EM_DASH;if(typeof value==="number"){if(!Number.isFinite(value))return EM_DASH;try{return new Intl.NumberFormat(locale,{maximumFractionDigits:6}).format(value)}catch{return String(value)}}if(typeof value==="string")return value;if(value instanceof Date){const t=value.getTime();if(!Number.isFinite(t))return EM_DASH;const y=pad4Year(value.getUTCFullYear());const mo=pad2(value.getUTCMonth()+1);const d=pad2(value.getUTCDate());const h=pad2(value.getUTCHours());const mi=pad2(value.getUTCMinutes());const s=pad2(value.getUTCSeconds());return y+"-"+mo+"-"+d+" "+h+":"+mi+":"+s}return String(value)}const EM_DASH="—";function coerceMaxRows(value){if(value===void 0)return 12;if(typeof value!=="number"||!Number.isFinite(value)||value<=0){return 12}return Math.floor(value)}function coerceMode(value){if(value==="single"||value==="shared"||value==="crosshair"){return value}console.warn(`[Syidax] sy-chart tooltip-formatter: invalid mode "${String(value)}"; coerced to "single".`);return"single"}function formatOne(value,locale,userFormatter){if(value===null||value===void 0){return{display:EM_DASH,userThrew:false}}if(userFormatter===void 0){return{display:defaultValueFormatter(value,locale),userThrew:false}}try{const result=userFormatter(value);return{display:typeof result==="string"?result:String(result),userThrew:false}}catch{return{display:defaultValueFormatter(value,locale),userThrew:true}}}function coerceLabel(label){if(typeof label==="string")return label;if(label===null||label===void 0)return"";return String(label)}function buildSingleTitle(axisX,fallbackLabel,locale,userFormatter){if(axisX!==void 0){const formatted=formatOne(axisX.value,locale,userFormatter);return{line:{kind:"title",label:coerceLabel(axisX.label),value:formatted.display},userThrew:formatted.userThrew}}if(fallbackLabel!==void 0){return{line:{kind:"title",label:"",value:fallbackLabel},userThrew:false}}return{line:null,userThrew:false}}function buildSharedTitle(axisX,locale,userFormatter){if(axisX===void 0){return{line:{kind:"title",label:"",value:""},userThrew:false}}const formatted=formatOne(axisX.value,locale,userFormatter);return{line:{kind:"title",label:coerceLabel(axisX.label),value:formatted.display},userThrew:formatted.userThrew}}function buildCrosshairTitle(axisX,axisY,locale,userFormatter){if(axisX===void 0&&axisY===void 0){return{line:{kind:"title",label:"",value:""},userThrew:false}}let userThrew=false;const valueParts=[];const labelParts=[];if(axisX!==void 0){const fx=formatOne(axisX.value,locale,userFormatter);if(fx.userThrew)userThrew=true;labelParts.push(coerceLabel(axisX.label));valueParts.push(fx.display)}if(axisY!==void 0){const fy=formatOne(axisY.value,locale,userFormatter);if(fy.userThrew)userThrew=true;labelParts.push(coerceLabel(axisY.label));valueParts.push(fy.display)}return{line:{kind:"title",label:labelParts.join(" | "),value:valueParts.join(" | ")},userThrew}}export function formatTooltip(input){const mode=coerceMode(input.mode);const locale=typeof input.locale==="string"&&input.locale.length>0?input.locale:"en";const maxRows=coerceMaxRows(input.maxRows);const userFormatter=input.valueFormatter;const axisX=input.axis?.x;const axisY=input.axis?.y;const series=input.series??[];let userFormatterThrewAny=false;if(series.length===0){return{title:null,body:[],footer:null,meta:{mode,truncatedRows:0}}}let title;if(mode==="single"){const fallbackLabel=series.length>0?coerceLabel(series[0].label):void 0;const{line,userThrew}=buildSingleTitle(axisX,fallbackLabel,locale,userFormatter);title=line;if(userThrew)userFormatterThrewAny=true}else if(mode==="shared"){const{line,userThrew}=buildSharedTitle(axisX,locale,userFormatter);title=line;if(userThrew)userFormatterThrewAny=true}else{const{line,userThrew}=buildCrosshairTitle(axisX,axisY,locale,userFormatter);title=line;if(userThrew)userFormatterThrewAny=true}const body=[];let truncatedRows=0;if(series.length>maxRows){const visibleCount=Math.max(0,maxRows-1);truncatedRows=series.length-visibleCount;for(let i=0;i<visibleCount;i++){const entry=series[i];const formatted=formatOne(entry.value,locale,userFormatter);if(formatted.userThrew)userFormatterThrewAny=true;body.push(buildBodyRow(entry,formatted.display))}body.push({kind:"ellipsis",label:"",value:ELLIPSIS_PREFIX+" and "+String(truncatedRows)+" more"})}else{for(let i=0;i<series.length;i++){const entry=series[i];const formatted=formatOne(entry.value,locale,userFormatter);if(formatted.userThrew)userFormatterThrewAny=true;body.push(buildBodyRow(entry,formatted.display))}}if(userFormatterThrewAny){console.warn("[Syidax] sy-chart tooltip-formatter: valueFormatter threw on one or more values; falling back to defaultValueFormatter for those entries.")}return{title,body,footer:null,meta:{mode,truncatedRows}}}const ELLIPSIS_PREFIX="…";function buildBodyRow(entry,display){const out={kind:"body",label:coerceLabel(entry.label),value:display};if(entry.swatchColor!==void 0)out.swatchColor=entry.swatchColor;if(entry.secondary!==void 0)out.secondary=entry.secondary;if(entry.disabled===true)out.disabled=true;return out}

package/dist/collection/components/chart/_shared/core/tooltip/index.js

@@ -0,0 +1 @@
+export{avoidTooltipCardOverlap,avoidHorizontalLineOverlap,computeTooltipPlacement,_placeOnSide,_centerAlong,_overflowAgainst}from"./tooltip-engine.js";export{formatTooltip,defaultValueFormatter}from"./formatter.js";export{tooltipConnectorEnd}from"./connector.js";

package/dist/collection/components/chart/_shared/core/tooltip/tooltip-engine.js

@@ -0,0 +1 @@
+const DEFAULT_FALLBACK=["top","right","bottom","left"];export function _centerAlong(reference,tooltipSize,side){if(side==="top"||side==="bottom"){return reference.x+reference.width/2-tooltipSize.width/2}return reference.y+reference.height/2-tooltipSize.height/2}export function _placeOnSide(reference,tooltipSize,side,offset){if(side==="top"){return{x:_centerAlong(reference,tooltipSize,"top"),y:reference.y-tooltipSize.height-offset}}if(side==="bottom"){return{x:_centerAlong(reference,tooltipSize,"bottom"),y:reference.y+reference.height+offset}}if(side==="left"){return{x:reference.x-tooltipSize.width-offset,y:_centerAlong(reference,tooltipSize,"left")}}return{x:reference.x+reference.width+offset,y:_centerAlong(reference,tooltipSize,"right")}}export function _overflowAgainst(rect,viewport,padding){const top=Math.max(0,viewport.y+padding-rect.y);const left=Math.max(0,viewport.x+padding-rect.x);const right=Math.max(0,rect.x+rect.width-(viewport.x+viewport.width-padding));const bottom=Math.max(0,rect.y+rect.height-(viewport.y+viewport.height-padding));return{top,right,bottom,left}}function coerceNonNegative(value,def){if(value===void 0)return def;if(typeof value!=="number"||!Number.isFinite(value)||value<0){return 0}return value}function isValidSide(side){return side==="top"||side==="right"||side==="bottom"||side==="left"}function dedupeSides(sides,exclude){const order=sides??DEFAULT_FALLBACK;const seen=new Set;const out=[];for(const side of order){if(!isValidSide(side))continue;if(side===exclude)continue;if(seen.has(side))continue;seen.add(side);out.push(side)}return out}function anchorToRect(anchor){if(anchor.kind==="point"){return{x:anchor.x,y:anchor.y,width:0,height:0}}return{x:anchor.x,y:anchor.y,width:anchor.width,height:anchor.height}}function isAnchorFinite(anchor){if(anchor.kind==="point"){return Number.isFinite(anchor.x)&&Number.isFinite(anchor.y)}return Number.isFinite(anchor.x)&&Number.isFinite(anchor.y)&&Number.isFinite(anchor.width)&&Number.isFinite(anchor.height)}function totalOverflow(o){return o.top+o.right+o.bottom+o.left}function clamp(value,lo,hi){if(lo>hi)return lo;if(value<lo)return lo;if(value>hi)return hi;return value}function horizontalLineOverlap(y,height,lineY,gap){const bandTop=lineY-gap;const bandBottom=lineY+gap;return Math.max(0,Math.min(y+height,bandBottom)-Math.max(y,bandTop))}export function avoidHorizontalLineOverlap(input){const{x,y,tooltip,viewport,side,lineY}=input;if(side!=="left"&&side!=="right")return{x,y};if(!tooltip||!viewport||!Number.isFinite(x)||!Number.isFinite(y)||!Number.isFinite(tooltip.width)||!Number.isFinite(tooltip.height)||tooltip.width<=0||tooltip.height<=0||!Number.isFinite(viewport.x)||!Number.isFinite(viewport.y)||!Number.isFinite(viewport.width)||!Number.isFinite(viewport.height)||viewport.width<=0||viewport.height<=0||!Number.isFinite(lineY)){return{x,y}}const gap=coerceNonNegative(input.gap,4);const padding=coerceNonNegative(input.padding,4);const minY=viewport.y+padding;const maxY=viewport.y+viewport.height-tooltip.height-padding;const currentY=clamp(y,minY,maxY);if(horizontalLineOverlap(currentY,tooltip.height,lineY,gap)===0){return{x,y:currentY}}const aboveY=lineY-tooltip.height-gap;const belowY=lineY+gap;const candidates=[aboveY,belowY].map((candidateY,index)=>{const nextY=clamp(candidateY,minY,maxY);return{y:nextY,overlap:horizontalLineOverlap(nextY,tooltip.height,lineY,gap),distance:Math.abs(nextY-currentY),index}}).sort((a,b)=>a.overlap-b.overlap||a.distance-b.distance||a.index-b.index);return{x,y:candidates[0]?.y??currentY}}export function computeTooltipPlacement(input){const{anchor,tooltip,viewport,preferredSide:preferredSideInput,offset:offsetInput,padding:paddingInput,cursorTracking:cursorTrackingInput,flipFallbackOrder}=input;if(!tooltip||!Number.isFinite(tooltip.width)||!Number.isFinite(tooltip.height)||tooltip.width<=0||tooltip.height<=0){console.warn("[Syidax] sy-chart tooltip-engine: degenerate tooltip size; falling back to viewport top-left.");const side=isValidSide(preferredSideInput)?preferredSideInput:"top";return{x:viewport?.x??0,y:viewport?.y??0,side,flipped:false,clamped:false,overflow:{top:0,right:0,bottom:0,left:0}}}if(!viewport||!Number.isFinite(viewport.x)||!Number.isFinite(viewport.y)||!Number.isFinite(viewport.width)||!Number.isFinite(viewport.height)||viewport.width<=0||viewport.height<=0){console.warn("[Syidax] sy-chart tooltip-engine: degenerate viewport; falling back to viewport top-left.");const side=isValidSide(preferredSideInput)?preferredSideInput:"top";return{x:viewport?.x??0,y:viewport?.y??0,side,flipped:false,clamped:false,overflow:{top:0,right:0,bottom:0,left:0}}}const offset=coerceNonNegative(offsetInput,8);const padding=coerceNonNegative(paddingInput,4);let preferredSide;if(isValidSide(preferredSideInput)){preferredSide=preferredSideInput}else if(preferredSideInput===void 0){preferredSide="top"}else{console.warn(`[Syidax] sy-chart tooltip-engine: invalid preferredSide "${String(preferredSideInput)}"; coerced to "top".`);preferredSide="top"}let workingAnchor;if(!anchor||anchor.kind!=="point"&&anchor.kind!=="rect"){console.warn("[Syidax] sy-chart tooltip-engine: invalid anchor; coerced to viewport center.");workingAnchor={kind:"point",x:viewport.x+viewport.width/2,y:viewport.y+viewport.height/2}}else if(!isAnchorFinite(anchor)){console.warn("[Syidax] sy-chart tooltip-engine: non-finite anchor; coerced to viewport center.");workingAnchor={kind:"point",x:viewport.x+viewport.width/2,y:viewport.y+viewport.height/2}}else{workingAnchor=anchor}const cursorTracking=cursorTrackingInput===true&&workingAnchor.kind==="point";void cursorTracking;const reference=anchorToRect(workingAnchor);const preferredPos=_placeOnSide(reference,tooltip,preferredSide,offset);const preferredRect={x:preferredPos.x,y:preferredPos.y,width:tooltip.width,height:tooltip.height};const preferredOverflow=_overflowAgainst(preferredRect,viewport,padding);if(totalOverflow(preferredOverflow)===0){return{x:preferredPos.x,y:preferredPos.y,side:preferredSide,flipped:false,clamped:false,overflow:{top:0,right:0,bottom:0,left:0}}}const fallbacks=dedupeSides(flipFallbackOrder,preferredSide);let bestSide=preferredSide;let bestPos=preferredPos;let bestTotal=totalOverflow(preferredOverflow);for(const side of fallbacks){const pos=_placeOnSide(reference,tooltip,side,offset);const r={x:pos.x,y:pos.y,width:tooltip.width,height:tooltip.height};const overflow=_overflowAgainst(r,viewport,padding);const total=totalOverflow(overflow);if(total===0){return{x:pos.x,y:pos.y,side,flipped:true,clamped:false,overflow:{top:0,right:0,bottom:0,left:0}}}if(total<bestTotal){bestTotal=total;bestSide=side;bestPos=pos}}const minX=viewport.x+padding;const maxX=viewport.x+viewport.width-tooltip.width-padding;const minY=viewport.y+padding;const maxY=viewport.y+viewport.height-tooltip.height-padding;const clampedX=clamp(bestPos.x,minX,maxX);const clampedY=clamp(bestPos.y,minY,maxY);const clampedRect={x:clampedX,y:clampedY,width:tooltip.width,height:tooltip.height};const clampedOverflow=_overflowAgainst(clampedRect,viewport,padding);return{x:clampedX,y:clampedY,side:bestSide,flipped:bestSide!==preferredSide,clamped:true,overflow:clampedOverflow}}export function avoidTooltipCardOverlap(cards,viewport,gap=6){const result=cards.map(card=>({...card})),occupied=[];const area=(a,b)=>Math.max(0,Math.min(a.x+a.width+gap,b.x+b.width)-Math.max(a.x-gap,b.x))*Math.max(0,Math.min(a.y+a.height+gap,b.y+b.height)-Math.max(a.y-gap,b.y));for(const card of result)if(card.locked)occupied.push(card);for(const card of result){if(card.locked)continue;const clamp2=(x,y)=>({...card,x:Math.max(gap,Math.min(Math.max(gap,viewport.width-gap-card.width),x)),y:Math.max(gap,Math.min(Math.max(gap,viewport.height-gap-card.height),y))});const base=clamp2(card.x,card.y),candidates=[base];for(const other of occupied){const xs=[base.x,other.x-card.width-gap,other.x+other.width+gap];const ys=[base.y,other.y+other.height+gap,other.y-card.height-gap];for(const y of ys)for(const x of xs)candidates.push(clamp2(x,y))}let best=base,bestArea=Infinity,bestDistance=Infinity;for(const candidate of candidates){const overlap=occupied.reduce((sum,other)=>sum+area(candidate,other),0);const distance=(candidate.x-base.x)**2+(candidate.y-base.y)**2;if(overlap<bestArea||overlap===bestArea&&distance<bestDistance){best=candidate;bestArea=overlap;bestDistance=distance}}card.x=best.x;card.y=best.y;occupied.push(card)}return result}

package/dist/collection/components/chart/_shared/core/tooltip/tooltip-transfer.js

@@ -0,0 +1 @@
+import{pointInPolygon}from"../brush/brush-geometry.js";export function inTooltipTransfer(point,origin,card){if(![point.x,point.y,origin.x,origin.y,card.x,card.y,card.width,card.height].every(Number.isFinite)||card.width<=0||card.height<=0)return false;const pad=3,points=[{x:origin.x-pad,y:origin.y-pad},{x:origin.x+pad,y:origin.y-pad},{x:origin.x+pad,y:origin.y+pad},{x:origin.x-pad,y:origin.y+pad},{x:card.x-pad,y:card.y-pad},{x:card.x+card.width+pad,y:card.y-pad},{x:card.x+card.width+pad,y:card.y+card.height+pad},{x:card.x-pad,y:card.y+card.height+pad}].sort((a,b)=>a.x-b.x||a.y-b.y);const cross=(a,b,c)=>(b.x-a.x)*(c.y-a.y)-(b.y-a.y)*(c.x-a.x);const half=input=>{const result=[];for(const p of input){while(result.length>1&&cross(result[result.length-2],result[result.length-1],p)<=0)result.pop();result.push(p)}return result};const lower=half(points),upper=half([...points].reverse());return pointInPolygon(point,[...lower.slice(0,-1),...upper.slice(0,-1)])}

package/dist/collection/components/chart/_shared/core/types.js

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

package/dist/collection/components/chart/_shared/core/visual-map/index.js

@@ -0,0 +1 @@
+export{createPiecewiseVisualMapPalette,createVisualMapPalette,cssOfVisualMapColor,formatVisualMapValue,isFullVisualMapRange,normalizeVisualMapSelection,resolveContinuousVisualMap,resolvePiecewiseVisualMap,resolveVisualMapColorStops,resolveVisualMapRange,toggleVisualMapPiece,VISUAL_MAP_DEFAULT_COLORS,VISUAL_MAP_DEFAULT_MAX,VISUAL_MAP_DEFAULT_MIN,VISUAL_MAP_DEFAULT_OUT_OF_RANGE,VISUAL_MAP_DEFAULT_SPLIT_NUMBER,VISUAL_MAP_MAX_SPLIT_NUMBER,VISUAL_MAP_SCHEME_NAMES,visualMapGradientStops,visualMapPieceIndexOf,visualMapPieceLabel,visualMapRangesEqual,visualMapSnapshotColor,visualMapSnapshotInRange,visualMapT}from"./visual-map-contract.js";export{createMarkerColorBuckets,resolveVisualMapTarget,visualMapColorFn,visualMapDatumValue,visualMapExtentOf,visualMapExtentsEqual,visualMapPointValue,visualMapSizeFn,whenVisualMapTargetDefined}from"./visual-map-binding.js";

package/dist/collection/components/chart/_shared/core/visual-map/visual-map-binding.js

@@ -0,0 +1 @@
+import{createPiecewiseVisualMapPalette,createVisualMapPalette,visualMapPieceIndexOf,visualMapT}from"./visual-map-contract.js";const colorFnCache=new WeakMap;export function visualMapColorFn(binding){if(!binding||typeof binding!=="object")return null;const cached=colorFnCache.get(binding);if(cached)return cached;const dimension=binding.dimension??"value";let colorOf;if(binding.type==="piecewise"){const palette=createPiecewiseVisualMapPalette(binding);const selected=binding.selected;colorOf=value=>palette.colorAt(value,selected)}else{const palette=createVisualMapPalette(binding);const range=binding.range;colorOf=value=>palette.colorAt(typeof value==="string"?Number(value):value,range)}const fn=dimension==="index"?(_value,index)=>colorOf(index):value=>colorOf(value);colorFnCache.set(binding,fn);return fn}const sizeFnCache=new WeakMap;function finiteRadius(value){return typeof value==="number"&&Number.isFinite(value)&&value>=0?value:null}export function visualMapSizeFn(binding){if(!binding||typeof binding!=="object"||!binding.size)return null;if(sizeFnCache.has(binding))return sizeFnCache.get(binding)??null;const lo=finiteRadius(binding.size.range?.[0]);const hi=finiteRadius(binding.size.range?.[1]);if(lo===null||hi===null){sizeFnCache.set(binding,null);return null}const outOfRange=finiteRadius(binding.size.outOfRange)??lo;const dimension=binding.size.dimension??binding.dimension??"value";let sizeOf;if(binding.type==="piecewise"){const selected=binding.selected;const count=binding.pieces.length;sizeOf=value=>{const index=visualMapPieceIndexOf(binding,value);if(index<0||selected&&selected[index]===false)return outOfRange;return lo+(hi-lo)*(count<=1?.5:index/(count-1))}}else{const palette=createVisualMapPalette(binding);const range=binding.range;sizeOf=value=>{const numeric=typeof value==="string"?Number(value):value;const t=visualMapT(binding,numeric);if(t===null||!palette.inRange(numeric,range))return outOfRange;return lo+(hi-lo)*t}}const fn=dimension==="index"?(_value,index)=>sizeOf(index):value=>sizeOf(value);sizeFnCache.set(binding,fn);return fn}export function visualMapDatumValue(dimension,index,x,y,readField){if(dimension==="value"||dimension==="y")return y;if(dimension==="x")return x;if(dimension==="index")return index;return readField(dimension)}export const MARKER_PATH_FLUSH_MARKERS=1e4;export function createMarkerColorBuckets(colorFn,fallbackColor,ctx){const buckets=new Map;const counts=new Map;const pathOf=color=>{let path=buckets.get(color);const count=counts.get(color)??0;if(path&&ctx&&count>=MARKER_PATH_FLUSH_MARKERS){ctx.fillStyle=color;ctx.fill(path);path=void 0;counts.set(color,0)}if(!path){path=new Path2D;buckets.set(color,path)}counts.set(color,(counts.get(color)??0)+1);return path};return{pathFor:(value,index)=>pathOf(colorFn?colorFn(value,index):fallbackColor),fill:ctx2=>{for(const[color,path]of buckets){ctx2.fillStyle=color;ctx2.fill(path)}}}}export function visualMapPointValue(point,dimension,valueAxis){switch(dimension){case"value":return valueAxis==="x"?point.dataX:point.dataY;case"x":return point.dataX;case"y":return point.dataY;case"index":return point.index;default:return void 0}}export function visualMapExtentOf(values){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const value of values){if(typeof value!=="number"||!Number.isFinite(value))continue;if(value<min)min=value;if(value>max)max=value}return min<=max?{min,max}:null}export function visualMapExtentsEqual(a,b,epsilon=1e-9){if(a===null||b===null)return a===b;return Math.abs(a.min-b.min)<=epsilon&&Math.abs(a.max-b.max)<=epsilon}export function resolveVisualMapTarget(target,forId,root,fallbackRoot){if(target)return target;if(!forId)return null;const inRoot=typeof root?.getElementById==="function"?root.getElementById(forId):null;const found=inRoot??(typeof fallbackRoot?.getElementById==="function"?fallbackRoot.getElementById(forId):null);return found??null}export async function whenVisualMapTargetDefined(target){if(target.setVisualMap)return;if(typeof customElements!=="undefined"&&target.localName.includes("-"))await customElements.whenDefined(target.localName)}

package/dist/collection/components/chart/_shared/core/visual-map/visual-map-contract.js

@@ -0,0 +1 @@
+import{diverging,makeColorScale,parseColor,sequential}from"../color/index.js";export const VISUAL_MAP_DEFAULT_COLORS=["#eff6ff","#1d4ed8"];export const VISUAL_MAP_DEFAULT_OUT_OF_RANGE="#d1d5db";export const VISUAL_MAP_DEFAULT_MIN=0;export const VISUAL_MAP_DEFAULT_MAX=100;export const VISUAL_MAP_SCHEME_NAMES=Object.freeze([...Object.keys(sequential),...Object.keys(diverging)]);function isFiniteNumber(value){return typeof value==="number"&&Number.isFinite(value)}function clamp01(value){return value<0?0:value>1?1:value}export function cssOfVisualMapColor(color){const r=Math.round(color.r);const g=Math.round(color.g);const b=Math.round(color.b);return color.a>=1?`rgb(${r}, ${g}, ${b})`:`rgba(${r}, ${g}, ${b}, ${Math.round(color.a*1e3)/1e3})`}function schemeByName(name){const key=name.trim().toLowerCase();const scheme=sequential[key]??diverging[key];if(!scheme||!Array.isArray(scheme.stops)||scheme.stops.length===0)return null;return{stops:scheme.stops,space:scheme.recommendedSpace??"rgb"}}function evenStops(colors){const last=colors.length-1;return colors.map((color,i)=>({t:last===0?0:i/last,color:cssOfVisualMapColor(color)}))}function defaultStops(){const parsed=[];for(const css of VISUAL_MAP_DEFAULT_COLORS){const color=parseColor(css);if(color)parsed.push(color)}return evenStops(parsed)}export function resolveVisualMapColorStops(input){if(typeof input==="string"){const scheme=schemeByName(input);if(scheme)return{stops:evenStops(scheme.stops),space:scheme.space};const list=input.split(",").map(entry=>entry.trim()).filter(entry=>entry.length>0);if(list.length===0)return{stops:defaultStops(),space:"rgb"};return resolveVisualMapColorStops(list)}if(Array.isArray(input)&&input.length>0){if(typeof input[0]==="string"){const parsed=[];for(const css of input){const color=typeof css==="string"?parseColor(css):null;if(color)parsed.push(color)}if(parsed.length>0)return{stops:evenStops(parsed),space:"rgb"}}else{const parsed=[];for(const entry of input){if(!Array.isArray(entry)||!isFiniteNumber(entry[0])||typeof entry[1]!=="string")continue;const color=parseColor(entry[1]);if(!color)continue;parsed.push({t:clamp01(entry[0]),color:cssOfVisualMapColor(color)})}if(parsed.length>0)return{stops:parsed.sort((a,b)=>a.t-b.t),space:"rgb"}}}return{stops:defaultStops(),space:"rgb"}}export function resolveContinuousVisualMap(input){const rawMin=isFiniteNumber(input?.min)?input.min:VISUAL_MAP_DEFAULT_MIN;const rawMax=isFiniteNumber(input?.max)?input.max:VISUAL_MAP_DEFAULT_MAX;const{stops,space}=resolveVisualMapColorStops(input?.color);const outOfRange=typeof input?.outOfRangeColor==="string"&&parseColor(input.outOfRangeColor)?input.outOfRangeColor:VISUAL_MAP_DEFAULT_OUT_OF_RANGE;const precision=isFiniteNumber(input?.precision)&&input.precision>=0?Math.min(20,Math.floor(input.precision)):null;return{type:"continuous",min:Math.min(rawMin,rawMax),max:Math.max(rawMin,rawMax),stops,space,outOfRangeColor:outOfRange,calculable:input?.calculable===true,precision}}export function visualMapT(spec,value){if(!isFiniteNumber(value))return null;const span=spec.max-spec.min;if(span<=0)return .5;return clamp01((value-spec.min)/span)}export function createVisualMapPalette(spec){const stops=[];for(const stop of spec.stops){const color=parseColor(stop.color);if(color)stops.push({t:stop.t,color})}const segments=stops.slice(0,-1).map((stop,i)=>makeColorScale([stop.color,stops[i+1].color],{space:spec.space}));const colorAtT=t=>{if(stops.length===0)return spec.outOfRangeColor;const u=clamp01(Number.isFinite(t)?t:0);if(u<=stops[0].t||stops.length===1)return cssOfVisualMapColor(stops[0].color);const last=stops[stops.length-1];if(u>=last.t)return cssOfVisualMapColor(last.color);for(let i=0;i<segments.length;i++){const a=stops[i];const b=stops[i+1];if(u<=b.t){const local=b.t>a.t?(u-a.t)/(b.t-a.t):1;return cssOfVisualMapColor(segments[i](local))}}return cssOfVisualMapColor(last.color)};const inRange=(value,range)=>{if(!isFiniteNumber(value))return false;const lo=range?Math.min(range.min,range.max):spec.min;const hi=range?Math.max(range.min,range.max):spec.max;return value>=lo&&value<=hi};return{colorAtT,inRange,colorAt:(value,range)=>{const t=visualMapT(spec,value);if(t===null||!inRange(value,range))return spec.outOfRangeColor;return colorAtT(t)}}}export function visualMapGradientStops(spec,samples=16){const palette=createVisualMapPalette(spec);const n=Math.max(1,Math.floor(samples));const out=[];for(let i=0;i<=n;i++){const t=i/n;out.push({t,color:palette.colorAtT(t)})}return out}export function resolveVisualMapRange(input,spec,minSpan=0){const rawA=Array.isArray(input)?input[0]:input.min;const rawB=Array.isArray(input)?input[1]:input.max;const a=Number.isFinite(rawA)?rawA:spec.min;const b=Number.isFinite(rawB)?rawB:spec.max;let lo=Math.max(spec.min,Math.min(spec.max,Math.min(a,b)));let hi=Math.max(spec.min,Math.min(spec.max,Math.max(a,b)));const span=Math.max(0,Math.min(minSpan,spec.max-spec.min));if(hi-lo<span){hi=lo+span;if(hi>spec.max){hi=spec.max;lo=hi-span}}return{min:lo,max:hi}}export function isFullVisualMapRange(range,spec,epsilon=1e-9){if(!range)return true;return Math.abs(range.min-spec.min)<=epsilon&&Math.abs(range.max-spec.max)<=epsilon}export function visualMapRangesEqual(a,b,epsilon=1e-9){if(a===null||b===null)return a===b;return Math.abs(a.min-b.min)<=epsilon&&Math.abs(a.max-b.max)<=epsilon}export function formatVisualMapValue(value,precision,format){if(format)return format(value);if(precision!==null)return value.toFixed(precision);return String(Math.round(value*100)/100)}export const VISUAL_MAP_DEFAULT_SPLIT_NUMBER=5;export const VISUAL_MAP_MAX_SPLIT_NUMBER=100;function rampSampler(input,outOfRangeColor){const{stops,space}=resolveVisualMapColorStops(input?.color);return createVisualMapPalette({type:"continuous",min:0,max:1,stops,space,outOfRangeColor,calculable:false,precision:null}).colorAtT}function evenT(i,n){return n<=1?.5:i/(n-1)}export function visualMapPieceLabel(piece,precision){if(piece.value!==void 0)return String(piece.value);const hasMin=isFiniteNumber(piece.min);const hasMax=isFiniteNumber(piece.max);if(hasMin&&hasMax)return`${formatVisualMapValue(piece.min,precision)} – ${formatVisualMapValue(piece.max,precision)}`;if(hasMin)return`≥ ${formatVisualMapValue(piece.min,precision)}`;if(hasMax)return`≤ ${formatVisualMapValue(piece.max,precision)}`;return"all"}export function resolvePiecewiseVisualMap(input){const outOfRangeColor=typeof input?.outOfRangeColor==="string"&&parseColor(input.outOfRangeColor)?input.outOfRangeColor:VISUAL_MAP_DEFAULT_OUT_OF_RANGE;const precision=isFiniteNumber(input?.precision)&&input.precision>=0?Math.min(20,Math.floor(input.precision)):null;const selectedMode=input?.selectedMode==="single"?"single":"multiple";const sample=rampSampler(input,outOfRangeColor);const explicitMin=isFiniteNumber(input?.min)?input.min:null;const explicitMax=isFiniteNumber(input?.max)?input.max:null;const explicit=Array.isArray(input?.pieces)?input.pieces.filter(piece=>!!piece&&typeof piece==="object"&&(isFiniteNumber(piece.min)||isFiniteNumber(piece.max)||piece.value!==void 0)):[];if(explicit.length>0){const pieces2=explicit.map((piece,index)=>{const resolved={index,label:typeof piece.label==="string"&&piece.label.length>0?piece.label:visualMapPieceLabel(piece,precision),color:typeof piece.color==="string"&&parseColor(piece.color)?piece.color:sample(evenT(index,explicit.length))};if(isFiniteNumber(piece.min))resolved.min=piece.min;if(isFiniteNumber(piece.max))resolved.max=piece.max;if(piece.value!==void 0)resolved.value=piece.value;return resolved});const bounds=pieces2.flatMap(piece=>[piece.min,piece.max]).filter(bound=>isFiniteNumber(bound));const rawMin2=explicitMin??(bounds.length>0?Math.min(...bounds):VISUAL_MAP_DEFAULT_MIN);const rawMax2=explicitMax??(bounds.length>0?Math.max(...bounds):VISUAL_MAP_DEFAULT_MAX);return{type:"piecewise",min:Math.min(rawMin2,rawMax2),max:Math.max(rawMin2,rawMax2),pieces:pieces2,mode:"pieces",outOfRangeColor,selectedMode,precision}}const categories=Array.isArray(input?.categories)?input.categories.filter(category=>typeof category==="string"||isFiniteNumber(category)):[];if(categories.length>0){const pieces2=categories.map((category,index)=>({index,value:category,label:String(category),color:sample(evenT(index,categories.length))}));const rawMin2=explicitMin??VISUAL_MAP_DEFAULT_MIN;const rawMax2=explicitMax??VISUAL_MAP_DEFAULT_MAX;return{type:"piecewise",min:Math.min(rawMin2,rawMax2),max:Math.max(rawMin2,rawMax2),pieces:pieces2,mode:"categories",outOfRangeColor,selectedMode,precision}}const rawMin=explicitMin??VISUAL_MAP_DEFAULT_MIN;const rawMax=explicitMax??VISUAL_MAP_DEFAULT_MAX;const min=Math.min(rawMin,rawMax);const max=Math.max(rawMin,rawMax);const requested=isFiniteNumber(input?.splitNumber)?Math.floor(input.splitNumber):VISUAL_MAP_DEFAULT_SPLIT_NUMBER;const n=Math.max(1,Math.min(VISUAL_MAP_MAX_SPLIT_NUMBER,requested));const step=(max-min)/n;const pieces=[];for(let i=0;i<n;i++){const lo=min+step*i;const hi=i===n-1?max:min+step*(i+1);pieces.push({index:i,min:lo,max:hi,label:visualMapPieceLabel({min:lo,max:hi},precision),color:sample((i+.5)/n)})}return{type:"piecewise",min,max,pieces,mode:"split",outOfRangeColor,selectedMode,precision}}export function visualMapPieceIndexOf(spec,value){if(value===null||value===void 0)return-1;const numeric=typeof value==="number"&&Number.isFinite(value);for(const piece of spec.pieces){if(piece.value!==void 0){if(String(piece.value)===String(value))return piece.index;continue}if(!numeric)continue;if(piece.min!==void 0&&value<piece.min)continue;if(piece.max!==void 0&&value>piece.max)continue;return piece.index}return-1}export function normalizeVisualMapSelection(selected,count){if(!selected)return null;const out=[];for(let i=0;i<count;i++)out.push(selected[i]!==false);return out.every(Boolean)?null:out}export function toggleVisualMapPiece(selected,index,count,mode){if(!Number.isInteger(index)||index<0||index>=count)return normalizeVisualMapSelection(selected,count);const current=[];for(let i=0;i<count;i++)current.push(selected?selected[i]!==false:true);if(mode==="single"){const onlyThis=current[index]&&current.filter(Boolean).length===1;if(onlyThis)return null;return current.map((_,i)=>i===index)}current[index]=!current[index];return normalizeVisualMapSelection(current,count)}export function createPiecewiseVisualMapPalette(spec){const pieceOf=value=>visualMapPieceIndexOf(spec,value);const inRange=(value,selected)=>{const index=pieceOf(value);if(index<0)return false;return selected?selected[index]!==false:true};return{pieceOf,inRange,colorAt:(value,selected)=>{const index=pieceOf(value);if(index<0||selected&&selected[index]===false)return spec.outOfRangeColor;return spec.pieces[index].color}}}export function visualMapSnapshotColor(snapshot,value){if(snapshot.type==="piecewise")return createPiecewiseVisualMapPalette(snapshot).colorAt(value,snapshot.selected);const numeric=typeof value==="string"?Number(value):value;return createVisualMapPalette(snapshot).colorAt(numeric,snapshot.range)}export function visualMapSnapshotInRange(snapshot,value){if(snapshot.type==="piecewise")return createPiecewiseVisualMapPalette(snapshot).inRange(value,snapshot.selected);const numeric=typeof value==="string"?Number(value):value;return createVisualMapPalette(snapshot).inRange(numeric,snapshot.range)}

package/dist/collection/components/chart/_shared/core/zoom/crosshair-sync.js

@@ -0,0 +1 @@
+export function crosshairPositionFor(frame,request){const{plot}=frame;const hasX=typeof request?.dataX==="number"&&Number.isFinite(request.dataX);const hasY=typeof request?.dataY==="number"&&Number.isFinite(request.dataY);if(!hasX&&!hasY)return null;const cssX=hasX?frame.xScale(request.dataX):plot.x+plot.width/2;const cssY=hasY?frame.yScale(request.dataY):plot.y+plot.height/2;if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return null;const tolerance=1;if(cssX<plot.x-tolerance||cssX>plot.x+plot.width+tolerance)return null;if(cssY<plot.y-tolerance||cssY>plot.y+plot.height+tolerance)return null;return{cssX:Math.min(plot.x+plot.width,Math.max(plot.x,cssX)),cssY:Math.min(plot.y+plot.height,Math.max(plot.y,cssY))}}

package/dist/collection/components/chart/_shared/core/zoom/index.js

@@ -0,0 +1 @@
+export{CARTESIAN_ZOOM_DEFAULTS,CARTESIAN_ZOOM_PAN_DEFAULTS,CARTESIAN_ZOOM_WHEEL_DEFAULTS,isCartesianZoomMode,isCartesianZoomPanModifier,isCartesianZoomWheelModifier,isEmptyZoomState,normalizeZoomWindow,resolveCartesianZoomPanSpec,resolveCartesianZoomSpec,resolveCartesianZoomWheelSpec,resolveZoomRequestSource}from"./zoom-contract.js";export{ZOOM_KEYBOARD_IN_FACTOR,ZOOM_KEYBOARD_OUT_FACTOR,clampZoomWindow,isFullZoomWindow,isMeaningfulSelection,keyboardPanAction,keyboardZoomAction,minZoomSpan,panWindowByPixels,selectionRectFromDrag,WHEEL_LINE_PX,WHEEL_NOTCH_UNITS,wheelAction,wheelDeltaToPixels,wheelZoomFactor,windowsFromSelection,zoomWindowAboutPixel,zoomWindowBy}from"./zoom-window.js";export{ZoomDragGesture}from"./zoom-drag.js";export{keyboardPanDeltaPx,primaryZoomAxis,resolveZoomAxis,sameZoomState,zoomChangeDetail,zoomStateBy,zoomStateFromRequest,zoomStateFromSelection,zoomStatePannedByData,zoomStatePannedByPixels,zoomStateScaledAtPixel}from"./zoom-host.js";export{ZoomInteraction}from"./zoom-interaction.js";export{connectCharts,ZoomConnection,zoomSyncRequest}from"./zoom-connect.js";export{crosshairPositionFor}from"./crosshair-sync.js";export{crosshairSyncRequest}from"./zoom-connect.js";export{VIEWPORT_ZOOM_AXIS_KEY,VIEWPORT_ZOOM_FULL,VIEWPORT_ZOOM_MIN_SPAN,clampViewportWindow,fromViewport,toViewport,viewportZoomFrame,viewportZoomMatrix,viewportZoomScale,viewportZoomTransform,viewportZoomWindows}from"./viewport-zoom.js";

package/dist/collection/components/chart/_shared/core/zoom/viewport-zoom.js

@@ -0,0 +1 @@
+export const VIEWPORT_ZOOM_AXIS_KEY="0";export const VIEWPORT_ZOOM_FULL=Object.freeze({min:0,max:1});export const VIEWPORT_ZOOM_MIN_SPAN=.001;function finite(value){return typeof value==="number"&&Number.isFinite(value)}export function clampViewportWindow(window){if(!window||!finite(window.min)||!finite(window.max))return{...VIEWPORT_ZOOM_FULL};let min=Math.max(0,Math.min(window.min,window.max));let max=Math.min(1,Math.max(window.min,window.max));if(max-min<VIEWPORT_ZOOM_MIN_SPAN){const centre=(min+max)/2;min=Math.max(0,centre-VIEWPORT_ZOOM_MIN_SPAN/2);max=Math.min(1,min+VIEWPORT_ZOOM_MIN_SPAN);min=max-VIEWPORT_ZOOM_MIN_SPAN}return{min,max}}export function viewportZoomWindows(state){const xWindow=state?.x?.[VIEWPORT_ZOOM_AXIS_KEY],yWindow=state?.y?.[VIEWPORT_ZOOM_AXIS_KEY];const x=clampViewportWindow(xWindow),y=clampViewportWindow(yWindow);if(xWindow&&!yWindow&&!isFull(x))return{x,y:derivedViewportWindow(x)};if(yWindow&&!xWindow&&!isFull(y))return{x:derivedViewportWindow(y),y};return{x,y}}export function derivedViewportWindow(other){const span=Math.min(1,Math.max(VIEWPORT_ZOOM_MIN_SPAN,other.max-other.min));return{min:.5-span/2,max:.5+span/2}}function isFull(window){return window.min<=0&&window.max>=1}function viewportScale(window,r0,r1){const span=window.max-window.min;const scale=(value=>r0+(value-window.min)/span*(r1-r0));scale.invert=pixel=>r1===r0?window.min:window.min+(pixel-r0)/(r1-r0)*span;scale.domain=()=>[window.min,window.max];scale.range=()=>[r0,r1];return scale}export function viewportZoomFrame(rect,state){const{x,y}=viewportZoomWindows(state);const plot={x:rect.x,y:rect.y,width:Math.max(0,rect.width),height:Math.max(0,rect.height)};const xAxis={key:VIEWPORT_ZOOM_AXIS_KEY,axis:{show:true},scale:viewportScale(x,plot.x,plot.x+plot.width),fullExtent:{...VIEWPORT_ZOOM_FULL}};const yAxis={key:VIEWPORT_ZOOM_AXIS_KEY,axis:{show:true},scale:viewportScale(y,plot.y+plot.height,plot.y),fullExtent:{...VIEWPORT_ZOOM_FULL}};return{plot,xAxes:[xAxis],yAxes:[yAxis],aspect:"locked"}}export function viewportZoomTransform(rect,state){const{x,y}=viewportZoomWindows(state);const zoomed=!(isFull(x)&&isFull(y));const width=Math.max(0,rect.width);const height=Math.max(0,rect.height);const scaleX=zoomed?1/(x.max-x.min):1;const scaleY=zoomed?1/(y.max-y.min):1;const translateX=zoomed?rect.x*(1-scaleX)-x.min*width*scaleX:0;const translateY=zoomed?(rect.y+height)*(1-scaleY)+y.min*height*scaleY:0;return{zoomed,scaleX,scaleY,translateX,translateY,x,y}}export function toViewport(transform,x,y){return{x:x*transform.scaleX+transform.translateX,y:y*transform.scaleY+transform.translateY}}export function fromViewport(transform,x,y){return{x:(x-transform.translateX)/transform.scaleX,y:(y-transform.translateY)/transform.scaleY}}export function viewportZoomMatrix(transform){if(!transform.zoomed)return"";const n=v=>Number.isFinite(v)?String(Math.round(v*1e6)/1e6):"0";return`matrix(${n(transform.scaleX)} 0 0 ${n(transform.scaleY)} ${n(transform.translateX)} ${n(transform.translateY)})`}export function viewportZoomScale(transform){return Math.sqrt(Math.max(1e-9,transform.scaleX*transform.scaleY))}

package/dist/collection/components/chart/_shared/core/zoom/zoom-connect.js

@@ -0,0 +1 @@
+function pair(window){return window?[window.min,window.max]:null}function primaryWindow(state,orientation){const windows=state?.[orientation];if(!windows)return void 0;const key=Object.keys(windows)[0];return key===void 0?void 0:windows[key]}export function zoomSyncRequest(detail,axes){const request={source:"sync"};if(axes!=="y")request.x=pair(detail.x);if(axes!=="x")request.y=pair(detail.y);return request}export function crosshairSyncRequest(detail,axes){const request={};if(typeof detail.dataX==="number"&&Number.isFinite(detail.dataX))request.dataX=detail.dataX;if(axes!=="x"&&typeof detail.dataY==="number"&&Number.isFinite(detail.dataY))request.dataY=detail.dataY;return request}export class ZoomConnection{axes;crosshair;listeners=new Map;crosshairListeners=new Map;zoomVersions=new WeakMap;forwarding=false;constructor(options={}){this.axes=options.axes==="y"||options.axes==="xy"?options.axes:"x";this.crosshair=options.crosshair!==false}get size(){return this.listeners.size}get members(){return[...this.listeners.keys()]}has(element){return this.listeners.has(element)}forward(operation,invoke){const report=error=>console.warn(`[sy-chart] connected ${operation} failed`,error);try{void Promise.resolve(invoke()).catch(report)}catch(error){report(error)}}add(element){if(this.listeners.has(element))return;const first=this.listeners.size>0?this.members[0]:null;const listener=event=>this.handle(element,event.detail);element.addEventListener("zoomChange",listener);this.listeners.set(element,listener);if(this.crosshair){const crosshairListener=event=>this.handleCrosshair(element,event.detail);element.addEventListener("crosshairMove",crosshairListener);this.crosshairListeners.set(element,crosshairListener)}if(first)this.forward("initial alignment",()=>this.align(first,element))}remove(element){const listener=this.listeners.get(element);if(!listener)return;element.removeEventListener("zoomChange",listener);this.listeners.delete(element);const crosshairListener=this.crosshairListeners.get(element);if(crosshairListener){element.removeEventListener("crosshairMove",crosshairListener);this.crosshairListeners.delete(element)}}handleCrosshair(source,detail){if(this.forwarding||!this.has(source))return;this.forwarding=true;try{if(detail){const request=crosshairSyncRequest(detail,this.axes);for(const other of this.members){if(other!==source&&this.has(other))this.forward("showCrosshairAt",()=>other.showCrosshairAt?.(request))}}else{for(const other of this.members){if(other!==source&&this.has(other))this.forward("hideCrosshair",()=>other.hideCrosshair?.())}}}finally{this.forwarding=false}}dispose(){for(const element of this.members)this.remove(element)}async align(from,to){if(!from.getZoom||!to.zoomTo)return;const fromListener=this.listeners.get(from),toListener=this.listeners.get(to);const fromVersion=this.zoomVersions.get(from),toVersion=this.zoomVersions.get(to);const state=await from.getZoom();if(this.listeners.get(from)!==fromListener||this.listeners.get(to)!==toListener||this.zoomVersions.get(from)!==fromVersion||this.zoomVersions.get(to)!==toVersion)return;await to.zoomTo(zoomSyncRequest({x:primaryWindow(state,"x"),y:primaryWindow(state,"y")},this.axes))}handle(source,detail){if(!detail||!this.has(source))return;this.zoomVersions.set(source,(this.zoomVersions.get(source)??0)+1);if(detail.source==="sync"||this.forwarding)return;this.forwarding=true;try{const request=zoomSyncRequest(detail,this.axes);for(const other of this.members){if(other!==source&&this.has(other))this.forward("zoomTo",()=>other.zoomTo?.(request))}}finally{this.forwarding=false}}}export function connectCharts(elements,options={}){const connection=new ZoomConnection(options);for(const element of elements)connection.add(element);return connection}

package/dist/collection/components/chart/_shared/core/zoom/zoom-contract.js

@@ -0,0 +1 @@
+export const CARTESIAN_ZOOM_PAN_DEFAULTS=Object.freeze({enabled:true,modifier:"shift",keyboard:true,stepFraction:.1});export const CARTESIAN_ZOOM_WHEEL_DEFAULTS=Object.freeze({enabled:true,modifier:"ctrl",pan:true,factor:1.2,settleMs:250});export const CARTESIAN_ZOOM_DEFAULTS=Object.freeze({enabled:false,mode:"x",drag:true,keyboard:true,minRangePx:8,resetButton:true,pan:CARTESIAN_ZOOM_PAN_DEFAULTS,wheel:CARTESIAN_ZOOM_WHEEL_DEFAULTS,pinch:true,inside:false});const ZOOM_MODES=["x","y","xy"];const PAN_MODIFIERS=["shift","alt","none"];const WHEEL_MODIFIERS=["ctrl","none"];export function isCartesianZoomMode(value){return ZOOM_MODES.includes(value)}export function isCartesianZoomPanModifier(value){return PAN_MODIFIERS.includes(value)}export function isCartesianZoomWheelModifier(value){return WHEEL_MODIFIERS.includes(value)}function isPlainObject(value){return Boolean(value)&&typeof value==="object"&&!Array.isArray(value)}export function resolveCartesianZoomPanSpec(input,drag){const defaultModifier=drag?"shift":"none";if(input===void 0||input===null||input===true)return{...CARTESIAN_ZOOM_PAN_DEFAULTS,modifier:defaultModifier};if(input===false)return{...CARTESIAN_ZOOM_PAN_DEFAULTS,enabled:false,modifier:defaultModifier};if(isCartesianZoomPanModifier(input))return{...CARTESIAN_ZOOM_PAN_DEFAULTS,modifier:input};if(!isPlainObject(input))return{...CARTESIAN_ZOOM_PAN_DEFAULTS,modifier:defaultModifier};const stepFraction=Number.isFinite(input.stepFraction)&&input.stepFraction>0&&input.stepFraction<=1?input.stepFraction:CARTESIAN_ZOOM_PAN_DEFAULTS.stepFraction;return{enabled:input.enabled!==false,modifier:isCartesianZoomPanModifier(input.modifier)?input.modifier:defaultModifier,keyboard:input.keyboard!==false,stepFraction}}export function resolveCartesianZoomWheelSpec(input){if(input===void 0||input===null||input===true)return{...CARTESIAN_ZOOM_WHEEL_DEFAULTS};if(input===false)return{...CARTESIAN_ZOOM_WHEEL_DEFAULTS,enabled:false};if(isCartesianZoomWheelModifier(input))return{...CARTESIAN_ZOOM_WHEEL_DEFAULTS,modifier:input};if(!isPlainObject(input))return{...CARTESIAN_ZOOM_WHEEL_DEFAULTS};const factor=Number.isFinite(input.factor)&&input.factor>1?input.factor:CARTESIAN_ZOOM_WHEEL_DEFAULTS.factor;const settleMs=Number.isFinite(input.settleMs)&&input.settleMs>=0?input.settleMs:CARTESIAN_ZOOM_WHEEL_DEFAULTS.settleMs;return{enabled:input.enabled!==false,modifier:isCartesianZoomWheelModifier(input.modifier)?input.modifier:CARTESIAN_ZOOM_WHEEL_DEFAULTS.modifier,pan:input.pan!==false,factor,settleMs}}export function resolveCartesianZoomSpec(input){if(input===void 0||input===null||input===false||input==="off"||input==="auto"||input==="false"){return{...CARTESIAN_ZOOM_DEFAULTS}}if(input===true||input==="true")return{...CARTESIAN_ZOOM_DEFAULTS,enabled:true};if(isCartesianZoomMode(input))return{...CARTESIAN_ZOOM_DEFAULTS,enabled:true,mode:input};if(input==="inside")return resolveCartesianZoomSpec({mode:"x",inside:true});if(!isPlainObject(input))return{...CARTESIAN_ZOOM_DEFAULTS};const minRangePx=Number.isFinite(input.minRangePx)&&input.minRangePx>0?input.minRangePx:CARTESIAN_ZOOM_DEFAULTS.minRangePx;const inside=input.inside===true;const drag=input.drag===void 0?!inside:input.drag!==false;const wheelInput=inside&&input.wheel===void 0?"none":inside&&isPlainObject(input.wheel)&&input.wheel.modifier===void 0?{...input.wheel,modifier:"none"}:input.wheel;return{enabled:input.enabled!==false,mode:isCartesianZoomMode(input.mode)?input.mode:CARTESIAN_ZOOM_DEFAULTS.mode,drag,keyboard:input.keyboard!==false,minRangePx,resetButton:input.resetButton!==false,pan:resolveCartesianZoomPanSpec(input.pan,drag),wheel:resolveCartesianZoomWheelSpec(wheelInput),pinch:input.pinch!==false,inside}}export function resolveZoomRequestSource(value){return value==="slider"||value==="sync"?value:"api"}export function normalizeZoomWindow(input){if(input===null||input===void 0)return void 0;const pair=Array.isArray(input)?[input[0],input[1]]:[input.min,input.max];const[a,b]=pair;if(typeof a!=="number"||typeof b!=="number"||!Number.isFinite(a)||!Number.isFinite(b))return void 0;return a<=b?{min:a,max:b}:{min:b,max:a}}export function isEmptyZoomState(state){if(!state)return true;const xCount=state.x?Object.keys(state.x).length:0;const yCount=state.y?Object.keys(state.y).length:0;return xCount+yCount===0}

package/dist/collection/components/chart/_shared/core/zoom/zoom-drag.js

@@ -0,0 +1 @@
+import{isMeaningfulSelection,selectionRectFromDrag}from"./zoom-window.js";export class ZoomDragGesture{pointerId=null;start=null;active=false;get isActive(){return this.active}get isPending(){return this.pointerId!==null}begin(pointerId,point,plot){const inside=point.x>=plot.x&&point.x<=plot.x+plot.width&&point.y>=plot.y&&point.y<=plot.y+plot.height;if(!inside)return false;this.pointerId=pointerId;this.start={x:point.x,y:point.y};this.active=false;return true}move(pointerId,point,plot,mode,thresholdPx){if(this.pointerId!==pointerId||!this.start)return null;const rect=selectionRectFromDrag(this.start,point,plot,mode);if(!this.active){if(!isMeaningfulSelection(rect,mode,thresholdPx))return null;this.active=true}return rect}end(pointerId,point,plot,mode,minRangePx){if(this.pointerId!==pointerId||!this.start)return null;const rect=this.active?selectionRectFromDrag(this.start,point,plot,mode):null;this.cancel();return rect&&isMeaningfulSelection(rect,mode,minRangePx)?rect:null}cancel(){this.pointerId=null;this.start=null;this.active=false}}

package/dist/collection/components/chart/_shared/core/zoom/zoom-host.js

@@ -0,0 +1 @@
+import{normalizeZoomWindow}from"./zoom-contract.js";import{clampZoomWindow,isFullZoomWindow,minZoomSpan,panWindowByPixels,windowsFromSelection,zoomWindowAboutPixel,zoomWindowBy}from"./zoom-window.js";export function primaryZoomAxis(axes){return axes.find(entry=>entry.axis.show)??axes[0]}export function resolveZoomAxis(axes,ref){let found;if(ref===void 0){found=primaryZoomAxis(axes)}else{const wanted=String(ref);found=axes.find(entry=>entry.key===wanted);if(!found&&typeof ref==="number"&&Number.isInteger(ref)&&ref>=0&&ref<axes.length)found=axes[ref]}if(found?.linkedTo){const master=axes.find(entry=>entry.key===found.linkedTo);if(master)return master}return found}function withoutEmpty(state){const x=state.x&&Object.keys(state.x).length>0?state.x:void 0;const y=state.y&&Object.keys(state.y).length>0?state.y:void 0;if(!x&&!y)return null;const out={};if(x)out.x=x;if(y)out.y=y;return out}function setWindow(state,orientation,key,window){const current={...state?.[orientation]??{}};if(window)current[key]=window;else delete current[key];return withoutEmpty({...state??{},[orientation]:current})}function effectiveWindow(window,full,minSpan,keepFull=false){const clamped=clampZoomWindow(window,full,minSpan);return!keepFull&&isFullZoomWindow(clamped,full)?void 0:clamped}function withoutFullViewport(frame,state){if(!state||frame.aspect!=="locked")return state;const full=(windows,axes)=>Object.entries(windows??{}).every(([key,window])=>{const axis=axes.find(axis2=>axis2.key===key);return axis!==void 0&&isFullZoomWindow(window,axis.fullExtent)});return full(state.x,frame.xAxes)&&full(state.y,frame.yAxes)?null:state}function minSpanFor(axis,plotSize,spec){return minZoomSpan(axis.fullExtent,plotSize,spec.minRangePx)}export function lockZoomAspect(frame,next,current){next=withoutFullViewport(frame,next);if(frame.aspect!=="locked"||!next)return next;const px=primaryZoomAxis(frame.xAxes);const py=primaryZoomAxis(frame.yAxes);if(!px||!py)return next;const xw=next.x?.[px.key];const yw=next.y?.[py.key];if(!!xw===!!yw)return next;const given=xw??yw;const givenAxis=xw?px:py;const otherAxis=xw?py:px;const orientation=xw?"y":"x";const givenFull=givenAxis.fullExtent.max-givenAxis.fullExtent.min;const otherFull=otherAxis.fullExtent.max-otherAxis.fullExtent.min;if(!(givenFull>0)||!(otherFull>0))return next;const span=Math.min(otherFull,(given.max-given.min)/givenFull*otherFull);const existing=(xw?current?.y?.[py.key]:current?.x?.[px.key])??otherAxis.fullExtent;const centre=(existing.min+existing.max)/2;return setWindow(next,orientation,otherAxis.key,effectiveWindow(windowAbout(centre,span,otherAxis.fullExtent),otherAxis.fullExtent,0))}export function fitZoomAspect(frame,next){next=withoutFullViewport(frame,next);if(frame.aspect!=="locked"||!next)return next;const px=primaryZoomAxis(frame.xAxes);const py=primaryZoomAxis(frame.yAxes);if(!px||!py)return next;const xw=next.x?.[px.key];const yw=next.y?.[py.key];if(!xw||!yw)return next;const xFull=px.fullExtent.max-px.fullExtent.min;const yFull=py.fullExtent.max-py.fullExtent.min;if(!(xFull>0)||!(yFull>0))return next;const xFraction=(xw.max-xw.min)/xFull;const yFraction=(yw.max-yw.min)/yFull;if(Math.abs(xFraction-yFraction)<=1e-12)return next;const widenX=xFraction<yFraction;const axis=widenX?px:py;const window=widenX?xw:yw;const full=widenX?xFull:yFull;const span=Math.min(full,(widenX?yFraction:xFraction)*full);return withoutFullViewport(frame,setWindow(next,widenX?"x":"y",axis.key,effectiveWindow(windowAbout((window.min+window.max)/2,span,axis.fullExtent),axis.fullExtent,0,true)))}function windowAbout(centre,span,extent){let min=centre-span/2;let max=centre+span/2;if(min<extent.min){max+=extent.min-min;min=extent.min}if(max>extent.max){min-=max-extent.max;max=extent.max}return{min:Math.max(min,extent.min),max}}export function zoomStateFromSelection(frame,rect,spec,current){const px=primaryZoomAxis(frame.xAxes);const py=primaryZoomAxis(frame.yAxes);if(!px||!py)return current;const windows=windowsFromSelection(rect,spec.mode,px.scale,py.scale);let next=current;if(windows.x)next=setWindow(next,"x",px.key,effectiveWindow(windows.x,px.fullExtent,minSpanFor(px,frame.plot.width,spec),frame.aspect==="locked"));if(windows.y)next=setWindow(next,"y",py.key,effectiveWindow(windows.y,py.fullExtent,minSpanFor(py,frame.plot.height,spec),frame.aspect==="locked"));if(frame.aspect!=="locked")return next;if(spec.mode==="xy")return fitZoomAspect(frame,next);next=spec.mode==="x"?setWindow(next,"y",py.key,void 0):setWindow(next,"x",px.key,void 0);return lockZoomAspect(frame,next,current)}export function zoomStateBy(frame,spec,factor,anchorFraction,current){let next=current;const step=(axes,orientation,plotSize)=>{const primary=primaryZoomAxis(axes);if(!primary)return;const[d0,d1]=primary.scale.domain();const currentWindow={min:Math.min(d0,d1),max:Math.max(d0,d1)};const minSpan=minSpanFor(primary,plotSize,spec);const window=zoomWindowBy(currentWindow,primary.fullExtent,factor,anchorFraction,minSpan);next=setWindow(next,orientation,primary.key,effectiveWindow(window,primary.fullExtent,minSpan,frame.aspect==="locked"))};if(spec.mode!=="y"||frame.aspect==="locked")step(frame.xAxes,"x",frame.plot.width);if(spec.mode!=="x"||frame.aspect==="locked")step(frame.yAxes,"y",frame.plot.height);return lockZoomAspect(frame,next,current)}export function zoomStateFromRequest(frame,request,spec,current){let next=current;const apply=(axes,orientation,plotSize,ref,value)=>{if(value===void 0)return;const axis=resolveZoomAxis(axes,ref);if(!axis)return;if(value===null){next=setWindow(next,orientation,axis.key,frame.aspect==="locked"&&request.x!==void 0&&request.y!==void 0?{...axis.fullExtent}:void 0);return}const window=normalizeZoomWindow(value);if(!window)return;next=setWindow(next,orientation,axis.key,effectiveWindow(window,axis.fullExtent,minSpanFor(axis,plotSize,spec),frame.aspect==="locked"))};apply(frame.xAxes,"x",frame.plot.width,request.xAxis,request.x);apply(frame.yAxes,"y",frame.plot.height,request.yAxis,request.y);if(frame.aspect==="locked"&&request.x===void 0!==(request.y===void 0)){const px=primaryZoomAxis(frame.xAxes),py=primaryZoomAxis(frame.yAxes);if(px&&py)next=request.x===void 0?setWindow(next,"x",px.key,void 0):setWindow(next,"y",py.key,void 0)}return lockZoomAspect(frame,next,current)}export function zoomStatePannedByPixels(frame,spec,deltaPx,current){let next=current;const slide=(axes,orientation,fallbackRange,delta)=>{if(delta===void 0||!Number.isFinite(delta)||delta===0)return;const primary=primaryZoomAxis(axes);if(!primary)return;const[d0,d1]=primary.scale.domain();const currentWindow={min:Math.min(d0,d1),max:Math.max(d0,d1)};if(isFullZoomWindow(currentWindow,primary.fullExtent))return;const[rangeStart,rangeEnd]=primary.scale.range?.()??fallbackRange;const window=panWindowByPixels(primary.scale,primary.fullExtent,rangeStart,rangeEnd,delta);if(!window)return;next=setWindow(next,orientation,primary.key,effectiveWindow(window,primary.fullExtent,0))};if(spec.mode!=="y")slide(frame.xAxes,"x",[frame.plot.x,frame.plot.x+frame.plot.width],deltaPx.x);if(spec.mode!=="x")slide(frame.yAxes,"y",[frame.plot.y+frame.plot.height,frame.plot.y],deltaPx.y);return next}export function zoomStatePannedByData(frame,spec,delta,current){const toPixels=(axes,value)=>{if(value===void 0||!Number.isFinite(value)||value===0)return void 0;const primary=primaryZoomAxis(axes);if(!primary)return void 0;const[d0]=primary.scale.domain();const px=primary.scale(d0+value)-primary.scale(d0);return Number.isFinite(px)?-px:void 0};return zoomStatePannedByPixels(frame,spec,{x:toPixels(frame.xAxes,delta.x),y:toPixels(frame.yAxes,delta.y)},current)}export function keyboardPanDeltaPx(frame,axis,direction,stepFraction){const fraction=Number.isFinite(stepFraction)&&stepFraction>0?stepFraction:.1;if(axis==="x")return{x:-direction*frame.plot.width*fraction};const primary=primaryZoomAxis(frame.yAxes);const[r0,r1]=primary?.scale.range?.()??[frame.plot.y+frame.plot.height,frame.plot.y];const towardHigherValuesPx=Math.sign(r1-r0)||-1;return{y:-direction*towardHigherValuesPx*frame.plot.height*fraction}}export function zoomChangeDetail(frame,state,source){const px=primaryZoomAxis(frame.xAxes);const py=primaryZoomAxis(frame.yAxes);const detail={zoom:state,source};const x=px?state?.x?.[px.key]:void 0;const y=py?state?.y?.[py.key]:void 0;if(x)detail.x={...x};if(y)detail.y={...y};return detail}export function sameZoomState(a,b){if(a===b)return true;if(!a||!b)return false;const same=(m1,m2)=>{const k1=Object.keys(m1??{});const k2=Object.keys(m2??{});if(k1.length!==k2.length)return false;return k1.every(key=>{const w1=m1[key];const w2=m2?.[key];return!!w2&&w1.min===w2.min&&w1.max===w2.max})};return same(a.x,b.x)&&same(a.y,b.y)}export function zoomStateScaledAtPixel(frame,spec,anchor,factor,current,contentShift={}){let next=current;const scaleAbout=(axes,orientation,fallbackRange,plotSize,anchorPx,shiftPx)=>{const primary=primaryZoomAxis(axes);if(!primary)return;const[rangeStart,rangeEnd]=primary.scale.range?.()??fallbackRange;const minSpan=minSpanFor(primary,plotSize,spec);const window=zoomWindowAboutPixel(primary.scale,primary.fullExtent,rangeStart,rangeEnd,anchorPx,factor,minSpan,shiftPx??0);if(!window)return;next=setWindow(next,orientation,primary.key,effectiveWindow(window,primary.fullExtent,minSpan,frame.aspect==="locked"))};if(spec.mode!=="y"||frame.aspect==="locked")scaleAbout(frame.xAxes,"x",[frame.plot.x,frame.plot.x+frame.plot.width],frame.plot.width,anchor.x,contentShift.x);if(spec.mode!=="x"||frame.aspect==="locked")scaleAbout(frame.yAxes,"y",[frame.plot.y+frame.plot.height,frame.plot.y],frame.plot.height,anchor.y,contentShift.y);return lockZoomAspect(frame,next,current)}

package/dist/collection/components/chart/_shared/core/zoom/zoom-interaction.js

@@ -0,0 +1 @@
+import{resolveZoomRequestSource}from"./zoom-contract.js";import{ZoomDragGesture}from"./zoom-drag.js";import{keyboardPanDeltaPx,resolveZoomAxis,sameZoomState,zoomChangeDetail,zoomStateBy,zoomStateFromRequest,zoomStateFromSelection,zoomStatePannedByData,zoomStatePannedByPixels,zoomStateScaledAtPixel}from"./zoom-host.js";import{keyboardPanAction,keyboardZoomAction,WHEEL_NOTCH_UNITS,wheelAction,wheelDeltaToPixels,wheelZoomFactor,ZOOM_KEYBOARD_IN_FACTOR,ZOOM_KEYBOARD_OUT_FACTOR}from"./zoom-window.js";function distanceBetween(a,b){return Math.hypot(b.x-a.x,b.y-a.y)}function midpointOf(a,b){return{x:(a.x+b.x)/2,y:(a.y+b.y)/2}}function defaultSchedule(callback,delayMs){const id=setTimeout(callback,delayMs);return()=>clearTimeout(id)}function insidePlot(point,plot){return point.x>=plot.x&&point.x<=plot.x+plot.width&&point.y>=plot.y&&point.y<=plot.y+plot.height}export class ZoomInteraction{static resetButtonStyle=Object.freeze({whiteSpace:"nowrap",width:"max-content",minWidth:"max-content"});host;drag=new ZoomDragGesture;pan=null;selectionShown=false;suppressClick=false;wheelSession=null;cancelWheelTimer=null;liveSession=null;pinch=null;touches=new Map;staleTouches=new Set;constructor(host){this.host=host}get isPending(){return this.drag.isPending||this.pan!==null||this.pinch!==null}get activeGesture(){if(this.pinch)return"pinch";if(this.pan)return"pan";return this.drag.isActive?"zoom":null}get isWheeling(){return this.wheelSession!==null}transition(next,source){this.flushWheel();const current=this.host.state();const base=this.liveSession?this.liveSession.startState:current;this.liveSession=null;if(!sameZoomState(current,next))this.host.apply(next);if(sameZoomState(base,next))return null;const frame=this.host.frame();const detail=frame?zoomChangeDetail(frame,next,source):{zoom:next,source};this.host.emit(detail);return detail}zoomTo(request){const frame=this.host.frame();if(!frame)return null;const req=request??{};const next=zoomStateFromRequest(frame,req,this.host.spec(),this.host.state());if(req.live===true){this.flushWheel();const current=this.host.state();if(!this.liveSession)this.liveSession={startState:current};if(!sameZoomState(current,next))this.host.apply(next);return null}return this.transition(next,resolveZoomRequestSource(req.source))}extent(request={}){const frame=this.host.frame();if(!frame)return null;const detail={};const x=resolveZoomAxis(frame.xAxes,request.xAxis);const y=resolveZoomAxis(frame.yAxes,request.yAxis);if(x)detail.x={key:x.key,min:Math.min(x.fullExtent.min,x.fullExtent.max),max:Math.max(x.fullExtent.min,x.fullExtent.max)};if(y)detail.y={key:y.key,min:Math.min(y.fullExtent.min,y.fullExtent.max),max:Math.max(y.fullExtent.min,y.fullExtent.max)};return detail}zoomBy(factor,anchorFraction=.5){const frame=this.host.frame();if(!frame)return null;return this.transition(zoomStateBy(frame,this.host.spec(),factor,anchorFraction,this.host.state()),"api")}panBy(delta){const frame=this.host.frame();if(!frame||!delta)return null;return this.transition(zoomStatePannedByData(frame,this.host.spec(),delta,this.host.state()),"api")}reset(){return this.transition(null,"reset")}pointerDown(input){const spec=this.host.spec();if(!spec.enabled||(input.button??0)!==0)return null;const frame=this.host.frame();if(!frame)return null;const point={x:input.x,y:input.y};if(!insidePlot(point,frame.plot))return null;this.flushWheel();if(input.pointerType==="touch"&&spec.pinch){if(this.pinch)return null;const first=[...this.touches.entries()].find(([id])=>id!==input.pointerId);if(first){this.touches.set(input.pointerId,point);this.beginPinch(first[0],first[1],input.pointerId,point);return"pinch"}this.touches.set(input.pointerId,point)}if(this.drag.isPending||this.pan!==null)return null;if(this.panApplies(spec,input)){this.pan={pointerId:input.pointerId,last:point,moved:false,startState:this.host.state()};return"pan"}if(spec.drag&&this.drag.begin(input.pointerId,point,frame.plot))return"zoom";return null}panApplies(spec,input){if(!spec.pan.enabled)return false;if(this.host.state()===null)return false;if(spec.pan.modifier==="shift")return input.shiftKey===true;if(spec.pan.modifier==="alt")return input.altKey===true;return true}pointerMove(input){if(this.pinch)return this.pinchMove(input);if(this.staleTouches.has(input.pointerId))return false;if(this.pan){if(this.pan.pointerId!==input.pointerId)return false;const dx=input.x-this.pan.last.x;const dy=input.y-this.pan.last.y;this.pan.last={x:input.x,y:input.y};const frame2=this.host.frame();if(!frame2)return true;const spec2=this.host.spec();const current=this.host.state();const next=zoomStatePannedByPixels(frame2,spec2,{x:spec2.mode!=="y"?dx:void 0,y:spec2.mode!=="x"?dy:void 0},current);if(!sameZoomState(current,next)){if(!this.pan.moved)this.host.standDown();this.pan.moved=true;this.host.apply(next)}return true}if(!this.drag.isPending)return false;const frame=this.host.frame();if(!frame)return false;const spec=this.host.spec();const rect=this.drag.move(input.pointerId,{x:input.x,y:input.y},frame.plot,spec.mode,spec.minRangePx);if(!rect)return false;if(!this.selectionShown){this.selectionShown=true;this.host.standDown()}this.host.selection(rect);return true}pointerUp(input){this.touches.delete(input.pointerId);if(this.pinch){if(this.pinch.ids.includes(input.pointerId))this.endPinch();return}if(this.staleTouches.delete(input.pointerId))return;if(this.pan){if(this.pan.pointerId!==input.pointerId)return;const{moved,startState}=this.pan;this.pan=null;if(moved)this.reportPan(startState);return}if(!this.drag.isPending)return;const frame=this.host.frame();const spec=this.host.spec();const wasActive=this.drag.isActive;const rect=frame?this.drag.end(input.pointerId,{x:input.x,y:input.y},frame.plot,spec.mode,spec.minRangePx):null;if(!frame)this.drag.cancel();this.hideSelection();if(wasActive)this.suppressClick=true;if(rect&&frame)this.transition(zoomStateFromSelection(frame,rect,spec,this.host.state()),"drag")}pointerCancel(){if(this.pinch){this.endPinch()}else if(this.pan){const{moved,startState}=this.pan;this.pan=null;if(moved)this.reportPan(startState)}this.resetPointers()}resetPointers(){this.pinch=null;this.pan=null;this.drag.cancel();this.hideSelection();this.touches.clear();this.staleTouches.clear()}reportPan(startState){this.suppressClick=true;const frame=this.host.frame();const state=this.host.state();if(frame&&!sameZoomState(startState,state))this.host.emit(zoomChangeDetail(frame,state,"pan"))}beginPinch(firstId,first,secondId,second){const startState=this.pan?this.pan.startState:this.host.state();this.pan=null;this.drag.cancel();this.hideSelection();this.pinch={ids:[firstId,secondId],lastDistance:distanceBetween(first,second),lastMid:midpointOf(first,second),moved:false,startState};this.host.standDown()}pinchMove(input){const pinch=this.pinch;if(!pinch||!pinch.ids.includes(input.pointerId))return true;this.touches.set(input.pointerId,{x:input.x,y:input.y});const a=this.touches.get(pinch.ids[0]);const b=this.touches.get(pinch.ids[1]);if(!a||!b)return true;const distance=distanceBetween(a,b);const mid=midpointOf(a,b);const frame=this.host.frame();if(!frame)return true;const spec=this.host.spec();const current=this.host.state();const factor=distance>=1&&pinch.lastDistance>=1?pinch.lastDistance/distance:1;const shift={x:spec.mode!=="y"?mid.x-pinch.lastMid.x:void 0,y:spec.mode!=="x"?mid.y-pinch.lastMid.y:void 0};const next=zoomStateScaledAtPixel(frame,spec,mid,factor,current,shift);if(!sameZoomState(current,next)){pinch.moved=true;this.host.apply(next)}pinch.lastDistance=distance;pinch.lastMid=mid;return true}endPinch(){const pinch=this.pinch;if(!pinch)return;this.pinch=null;for(const id of pinch.ids)if(this.touches.has(id))this.staleTouches.add(id);if(!pinch.moved)return;this.suppressClick=true;const frame=this.host.frame();const state=this.host.state();if(frame&&!sameZoomState(pinch.startState,state))this.host.emit(zoomChangeDetail(frame,state,"pinch"))}hideSelection(){if(!this.selectionShown)return;this.selectionShown=false;this.host.selection(null)}consumeSuppressedClick(){if(!this.suppressClick)return false;this.suppressClick=false;return true}wantsKey(event){const spec=this.host.spec();if(!spec.enabled)return false;if(spec.keyboard){const action=keyboardZoomAction(event);if(action)return action!=="reset"||this.host.state()!==null}if(spec.pan.enabled&&spec.pan.keyboard&&keyboardPanAction(event,spec.mode))return this.host.state()!==null;return false}keyDown(event){const spec=this.host.spec();if(!spec.enabled)return false;this.flushWheel();if(spec.keyboard){const action=keyboardZoomAction(event);if(action){if(action==="reset"){this.reset()}else{const frame=this.host.frame();if(frame)this.transition(zoomStateBy(frame,spec,action==="in"?ZOOM_KEYBOARD_IN_FACTOR:ZOOM_KEYBOARD_OUT_FACTOR,.5,this.host.state()),"keyboard")}return true}}if(spec.pan.enabled&&spec.pan.keyboard){const pan=keyboardPanAction(event,spec.mode);if(pan){const frame=this.host.frame();if(frame&&this.host.state()!==null){this.transition(zoomStatePannedByPixels(frame,spec,keyboardPanDeltaPx(frame,pan.axis,pan.direction,spec.pan.stepFraction),this.host.state()),"pan")}return true}}return false}wheel(input){const spec=this.host.spec();if(!spec.enabled||!spec.wheel.enabled||this.isPending)return false;const frame=this.host.frame();if(!frame)return false;const point={x:input.x,y:input.y};if(!insidePlot(point,frame.plot))return false;const action=wheelAction(input,spec.mode,spec.wheel.modifier,spec.wheel.pan);if(!action)return false;const current=this.host.state();let next;if(action.kind==="pan"){if(current===null)return false;const plotSize=action.axis==="x"?frame.plot.width:frame.plot.height;const deltaPx=wheelDeltaToPixels(action.delta,input.deltaMode,plotSize);next=zoomStatePannedByPixels(frame,spec,action.axis==="x"?{x:-deltaPx}:{y:-deltaPx},current)}else{const units=wheelDeltaToPixels(action.delta,input.deltaMode,WHEEL_NOTCH_UNITS);next=zoomStateScaledAtPixel(frame,spec,point,wheelZoomFactor(units,spec.wheel.factor),current)}if(!sameZoomState(current,next)){if(!this.wheelSession){this.wheelSession={startState:current};this.host.standDown()}this.host.apply(next)}if(this.wheelSession)this.scheduleWheelSettle(spec.wheel.settleMs);return true}flushWheel(){if(!this.wheelSession)return;this.settleWheel()}scheduleWheelSettle(delayMs){this.cancelWheelTimer?.();this.cancelWheelTimer=null;if(!(delayMs>0)){this.settleWheel();return}const schedule=this.host.schedule??defaultSchedule;this.cancelWheelTimer=schedule(()=>{this.cancelWheelTimer=null;this.settleWheel()},delayMs)}settleWheel(){this.cancelWheelTimer?.();this.cancelWheelTimer=null;const session=this.wheelSession;if(!session)return;this.wheelSession=null;const frame=this.host.frame();const state=this.host.state();if(frame&&!sameZoomState(session.startState,state))this.host.emit(zoomChangeDetail(frame,state,"wheel"))}cancelWheel(){this.cancelWheelTimer?.();this.cancelWheelTimer=null;this.wheelSession=null}dispose(){this.resetPointers();this.cancelWheel();this.liveSession=null;this.suppressClick=false}}

package/dist/collection/components/chart/_shared/core/zoom/zoom-window.js

@@ -0,0 +1 @@
+export const ZOOM_KEYBOARD_IN_FACTOR=.5;export const ZOOM_KEYBOARD_OUT_FACTOR=2;function clamp01(value){if(!Number.isFinite(value))return .5;return Math.min(1,Math.max(0,value))}export function clampZoomWindow(window,full,minSpan=0){const fullMin=Math.min(full.min,full.max);const fullMax=Math.max(full.min,full.max);const fullSpan=fullMax-fullMin;if(!Number.isFinite(window.min)||!Number.isFinite(window.max))return{min:fullMin,max:fullMax};let lo=Math.min(window.min,window.max);let hi=Math.max(window.min,window.max);const floor=Math.max(0,Math.min(Number.isFinite(minSpan)?minSpan:0,fullSpan));let span=hi-lo;if(span<floor){const mid=(lo+hi)/2;lo=mid-floor/2;hi=mid+floor/2;span=floor}if(span>=fullSpan)return{min:fullMin,max:fullMax};if(lo<fullMin){lo=fullMin;hi=lo+span}if(hi>fullMax){hi=fullMax;lo=hi-span}return{min:lo,max:hi}}export function isFullZoomWindow(window,full,epsilon=1e-9){if(!window)return true;const scale=Math.max(1,Math.abs(full.min),Math.abs(full.max));return window.min<=full.min+scale*epsilon&&window.max>=full.max-scale*epsilon}export function zoomWindowBy(current,full,factor,anchorFraction=.5,minSpan=0){const window=clampZoomWindow(current,full,minSpan);const span=window.max-window.min;const fullSpan=Math.abs(full.max-full.min);const safeFactor=Number.isFinite(factor)&&factor>0?factor:1;const fraction=clamp01(anchorFraction);const anchor=window.min+span*fraction;const nextSpan=Math.min(fullSpan,Math.max(Math.max(0,minSpan),span*safeFactor));const min=anchor-nextSpan*fraction;return clampZoomWindow({min,max:min+nextSpan},full,minSpan)}export function selectionRectFromDrag(start,current,plot,mode){const clampX=value=>Math.min(plot.x+plot.width,Math.max(plot.x,value));const clampY=value=>Math.min(plot.y+plot.height,Math.max(plot.y,value));const x0=clampX(start.x);const x1=clampX(current.x);const y0=clampY(start.y);const y1=clampY(current.y);return{x:mode==="y"?plot.x:Math.min(x0,x1),width:mode==="y"?plot.width:Math.abs(x1-x0),y:mode==="x"?plot.y:Math.min(y0,y1),height:mode==="x"?plot.height:Math.abs(y1-y0)}}export function isMeaningfulSelection(rect,mode,minRangePx){const threshold=Number.isFinite(minRangePx)&&minRangePx>0?minRangePx:0;const wideEnough=rect.width>=threshold;const tallEnough=rect.height>=threshold;if(mode==="x")return wideEnough;if(mode==="y")return tallEnough;return wideEnough&&tallEnough}export function windowsFromSelection(rect,mode,xScale,yScale){const out={};if(mode!=="y"){const a=xScale.invert(rect.x);const b=xScale.invert(rect.x+rect.width);if(Number.isFinite(a)&&Number.isFinite(b))out.x={min:Math.min(a,b),max:Math.max(a,b)}}if(mode!=="x"){const a=yScale.invert(rect.y);const b=yScale.invert(rect.y+rect.height);if(Number.isFinite(a)&&Number.isFinite(b))out.y={min:Math.min(a,b),max:Math.max(a,b)}}return out}export function keyboardZoomAction(event){if(event.ctrlKey||event.metaKey||event.altKey)return null;switch(event.key){case"+":case"=":case"Add":return"in";case"-":case"_":case"Subtract":return"out";case"Escape":case"0":return"reset";default:return null}}export function keyboardPanAction(event,mode){if(event.ctrlKey||event.metaKey||event.altKey)return null;switch(event.key){case"ArrowLeft":return mode==="y"?null:{axis:"x",direction:-1};case"ArrowRight":return mode==="y"?null:{axis:"x",direction:1};case"ArrowDown":return mode==="x"?null:{axis:"y",direction:-1};case"ArrowUp":return mode==="x"?null:{axis:"y",direction:1};default:return null}}export function panWindowByPixels(scale,full,rangeStart,rangeEnd,deltaPx){if(!Number.isFinite(deltaPx)||deltaPx===0)return null;const fullMinPx=scale(full.min);const fullMaxPx=scale(full.max);if(!Number.isFinite(fullMinPx)||!Number.isFinite(fullMaxPx))return null;const lo=Math.min(rangeStart,rangeEnd);const hi=Math.max(rangeStart,rangeEnd);const fullLo=Math.min(fullMinPx,fullMaxPx);const fullHi=Math.max(fullMinPx,fullMaxPx);const minShift=hi-fullHi;const maxShift=lo-fullLo;const shift=Math.min(maxShift,Math.max(minShift,deltaPx));if(shift===0)return null;const a=scale.invert(rangeStart-shift);const b=scale.invert(rangeEnd-shift);if(!Number.isFinite(a)||!Number.isFinite(b))return null;return{min:Math.min(a,b),max:Math.max(a,b)}}export function minZoomSpan(full,plotSizePx,minRangePx){const fullSpan=Math.abs(full.max-full.min);if(!(plotSizePx>0)||!(minRangePx>0))return 0;return Math.min(fullSpan,fullSpan*(minRangePx/plotSizePx))}export const WHEEL_NOTCH_UNITS=120;export const WHEEL_LINE_PX=40;export function wheelDeltaToPixels(delta,deltaMode,pageSizePx){if(!Number.isFinite(delta))return 0;if(deltaMode===1)return delta*WHEEL_LINE_PX;if(deltaMode===2)return delta*(Number.isFinite(pageSizePx)&&pageSizePx>0?pageSizePx:WHEEL_NOTCH_UNITS);return delta}export function wheelZoomFactor(deltaUnits,base=1.2){if(!Number.isFinite(deltaUnits)||deltaUnits===0)return 1;const safeBase=Number.isFinite(base)&&base>1?base:1.2;return Math.pow(safeBase,deltaUnits/WHEEL_NOTCH_UNITS)}export function wheelAction(input,mode,modifier,pan){const dx=Number.isFinite(input.deltaX)?input.deltaX:0;const dy=Number.isFinite(input.deltaY)?input.deltaY:0;if(dx===0&&dy===0)return null;const horizontal=Math.abs(dx)>Math.abs(dy);if(modifier==="ctrl"&&(input.ctrlKey===true||input.metaKey===true))return{kind:"zoom",delta:dy!==0?dy:dx};if(input.shiftKey===true||horizontal){if(!pan)return null;if(mode==="y")return horizontal?null:{kind:"pan",axis:"y",delta:dy};return{kind:"pan",axis:"x",delta:horizontal?dx:dy}}if(modifier==="none")return{kind:"zoom",delta:dy};return null}export function zoomWindowAboutPixel(scale,full,rangeStart,rangeEnd,anchorPx,factor,minSpan=0,contentShiftPx=0){const lo=Math.min(rangeStart,rangeEnd);const hi=Math.max(rangeStart,rangeEnd);if(!(hi>lo)||!Number.isFinite(anchorPx))return null;const a0=scale.invert(rangeStart);const b0=scale.invert(rangeEnd);if(!Number.isFinite(a0)||!Number.isFinite(b0))return null;const current={min:Math.min(a0,b0),max:Math.max(a0,b0)};let safeFactor=Number.isFinite(factor)&&factor>0?factor:1;const shift=Number.isFinite(contentShiftPx)?contentShiftPx:0;const floor=Number.isFinite(minSpan)?Math.max(0,minSpan):0;if(safeFactor<1&&current.max-current.min<=floor*(1+1e-9))safeFactor=1;if(safeFactor===1&&shift===0)return current;const anchor=Math.min(hi,Math.max(lo,anchorPx));const a=scale.invert(anchor+(rangeStart-anchor)*safeFactor-shift);const b=scale.invert(anchor+(rangeEnd-anchor)*safeFactor-shift);if(!Number.isFinite(a)||!Number.isFinite(b))return null;return clampZoomWindow({min:Math.min(a,b),max:Math.max(a,b)},full,floor)}

package/dist/collection/components/chart/_shared/render/canvas.js

@@ -0,0 +1 @@
+export function setupDprCanvas(canvas,width,height){const ctx=canvas.getContext("2d");if(!ctx)return null;const dpr=typeof window!=="undefined"&&Number.isFinite(window.devicePixelRatio)?Math.max(1,window.devicePixelRatio):1;const deviceWidth=Math.round(width*dpr);const deviceHeight=Math.round(height*dpr);if(canvas.width!==deviceWidth||canvas.height!==deviceHeight){canvas.width=deviceWidth;canvas.height=deviceHeight}ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,deviceWidth,deviceHeight);ctx.scale(dpr,dpr);return{ctx,dpr}}export function clipRect(ctx,rect){ctx.beginPath();ctx.rect(rect.x,rect.y,rect.width,rect.height);ctx.clip()}

package/dist/collection/components/chart/_shared/render/index.js

@@ -0,0 +1 @@
+export*from"../core/color/index.js";export*from"../core/scale/index.js";export{sequential,diverging}from"../core/color/index.js";export*from"../core/format/index.js";export*from"./canvas.js";export*from"./series.js";

package/dist/collection/components/chart/_shared/render/series.js

@@ -0,0 +1 @@
+export function strokePolyline(ctx,points,options){if(points.length===0)return;ctx.beginPath();points.forEach((point,i)=>{if(i===0)ctx.moveTo(point.x,point.y);else ctx.lineTo(point.x,point.y)});ctx.strokeStyle=options.color;ctx.lineWidth=options.width??1.5;ctx.lineJoin="round";ctx.stroke()}export function fillArea(ctx,points,baselineY,color){if(points.length===0)return;ctx.beginPath();ctx.moveTo(points[0].x,baselineY);for(const point of points)ctx.lineTo(point.x,point.y);ctx.lineTo(points[points.length-1].x,baselineY);ctx.closePath();ctx.fillStyle=color;ctx.fill()}export function fillRectsGrouped(ctx,rects){const byFill=new Map;for(const rect of rects){if(rect.width<=0||rect.height<=0)continue;const bucket=byFill.get(rect.fill);if(bucket)bucket.push(rect);else byFill.set(rect.fill,[rect])}let drawn=0;for(const[fill,group]of byFill){ctx.fillStyle=fill;for(const rect of group){ctx.fillRect(rect.x,rect.y,rect.width,rect.height);drawn+=1}}return drawn}export function strokeRectsGrouped(ctx,rects,lineWidth=1){const byStroke=new Map;for(const rect of rects){if(rect.width<=0||rect.height<=0)continue;const bucket=byStroke.get(rect.stroke);if(bucket)bucket.push(rect);else byStroke.set(rect.stroke,[rect])}let drawn=0;for(const[stroke,group]of byStroke){ctx.strokeStyle=stroke;ctx.lineWidth=lineWidth;for(const rect of group){ctx.strokeRect(rect.x+.5,rect.y+.5,Math.max(0,rect.width-1),Math.max(0,rect.height-1));drawn+=1}}return drawn}export function fillBand(ctx,top,bottom,color){if(top.length===0||bottom.length===0)return;ctx.beginPath();top.forEach((point,i)=>{if(i===0)ctx.moveTo(point.x,point.y);else ctx.lineTo(point.x,point.y)});for(let i=bottom.length-1;i>=0;i-=1)ctx.lineTo(bottom[i].x,bottom[i].y);ctx.closePath();ctx.fillStyle=color;ctx.fill()}export function strokeEllipses(ctx,ellipses,options){if(ellipses.length===0)return;ctx.beginPath();for(const e of ellipses){ctx.moveTo(e.cx+e.rx,e.cy);ctx.ellipse(e.cx,e.cy,e.rx,e.ry,0,0,Math.PI*2)}ctx.strokeStyle=options.color;ctx.lineWidth=options.width??1;ctx.stroke()}export function strokeSegments(ctx,segments,options){if(segments.length===0)return;ctx.beginPath();for(const segment of segments){ctx.moveTo(segment.x1,segment.y1);ctx.lineTo(segment.x2,segment.y2)}ctx.strokeStyle=options.color;ctx.lineWidth=options.width??1;ctx.stroke()}

package/dist/collection/components/chart/area-chart/core/animation/animator.js

@@ -0,0 +1 @@
+import{applyEasing}from"./easing.js";import{tweenValues}from"./path-morph.js";const DEFAULT_DURATION_MS=200;export function createAreaChartAnimator(options){const duration=Number.isFinite(options.durationMs)&&options.durationMs>=0?options.durationMs:DEFAULT_DURATION_MS;const easing=options.easing??"ease-out";const now=options.now??defaultNow;const schedule=options.schedule??defaultSchedule;const cancel=options.cancel??defaultCancel;let running=false;let paused=false;let pausedElapsed=0;let handle=null;let baseline=new Float32Array(0);let target=new Float32Array(0);let startTimestamp=0;function stopInternal(emitInterrupt){if(handle!==null){cancel(handle);handle=null}const wasRunning=running;running=false;paused=false;pausedElapsed=0;if(wasRunning&&emitInterrupt)options.onInterrupt?.()}function tick(){handle=null;if(paused)return;const elapsed=now()-startTimestamp;const progress=duration===0?1:elapsed/duration;const t=applyEasing(progress,easing);if(progress>=1){running=false;options.onFrame(target,true);options.onEnd?.();return}const frame=tweenValues(baseline,target,t);options.onFrame(frame,false);handle=schedule(tick)}return{get isRunning(){return running},get isPaused(){return paused},animateTo(next){const nextArray=toFloat32(next);const wasRunning=running;if(running){const elapsed=paused?pausedElapsed:now()-startTimestamp;const t=applyEasing(duration===0?1:elapsed/duration,easing);baseline=tweenValues(baseline,target,t);stopInternal(false);options.onInterrupt?.()}else{baseline=target.length>0?target:nextArray}target=nextArray;if(nextArray.length===0||duration===0){options.onFrame(nextArray,true);if(!wasRunning)options.onStart?.();options.onEnd?.();return}startTimestamp=now();running=true;paused=false;options.onStart?.();handle=schedule(tick)},setImmediate(next){const wasRunning=running;stopInternal(false);if(wasRunning)options.onInterrupt?.();const arr=toFloat32(next);baseline=arr;target=arr;options.onFrame(arr,true)},pause(){if(!running||paused)return;pausedElapsed=now()-startTimestamp;paused=true;if(handle!==null){cancel(handle);handle=null}},resume(){if(!running||!paused)return;paused=false;startTimestamp=now()-pausedElapsed;pausedElapsed=0;handle=schedule(tick)},stop(){stopInternal(true)}}}function toFloat32(input){if(input instanceof Float32Array)return input;const out=new Float32Array(input.length);for(let i=0;i<input.length;i++){const v=input[i];out[i]=typeof v==="number"&&Number.isFinite(v)?v:Number.NaN}return out}function defaultNow(){return typeof performance!=="undefined"&&typeof performance.now==="function"?performance.now():Date.now()}function defaultSchedule(fn){if(typeof requestAnimationFrame!=="undefined"){return requestAnimationFrame(fn)}return setTimeout(()=>fn(defaultNow()),16)}function defaultCancel(handle){if(typeof cancelAnimationFrame!=="undefined"&&typeof handle==="number"){cancelAnimationFrame(handle);return}clearTimeout(handle)}

package/dist/collection/components/chart/area-chart/core/animation/easing.js

@@ -0,0 +1 @@
+export function applyEasing(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(v){if(!Number.isFinite(v))return 0;if(v<=0)return 0;if(v>=1)return 1;return v}

package/dist/collection/components/chart/area-chart/core/animation/index.js

@@ -0,0 +1 @@
+export*from"./easing.js";export*from"./path-morph.js";export*from"./animator.js";

package/dist/collection/components/chart/area-chart/core/animation/path-morph.js

@@ -0,0 +1 @@
+export function tweenValues(from,to,progress){const t=Number.isFinite(progress)?Math.max(0,Math.min(1,progress)):1;const fromLen=from.length;const toLen=to.length;const out=new Float32Array(toLen);if(toLen===0)return out;if(t>=1||fromLen===0){for(let i=0;i<toLen;i++)out[i]=coerceFinite(to[i]);return out}const offset=toLen-fromLen;for(let i=0;i<toLen;i++){const target=coerceFinite(to[i]);const fromIdx=i-offset;if(fromIdx<0||fromIdx>=fromLen){out[i]=target;continue}const start=coerceFinite(from[fromIdx]);out[i]=start+(target-start)*t}return out}function coerceFinite(v){if(typeof v!=="number"||!Number.isFinite(v))return Number.NaN;return v}

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

@@ -0,0 +1 @@
+import{isChartLicenseEngineCode,normalizeUnavailableBehaviour}from"../../_shared/core/engine/resolve-chart-engine.js";export function pickEngine(opts){if(opts.requested==="standard"){return{tier:"standard"}}if(opts.features?.nonLinearXAxis){const reason="log xAxis requires the Standard engine for accurate viewport projection";return{tier:"standard",fallbackReason:reason,featureFallbackReason:reason}}const proAvailable=opts.proAvailable===true;const licenseBlocked=isChartLicenseEngineCode(opts.proUnavailableCode);if(opts.requested==="pro"){if(proAvailable){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};if(normalizeUnavailableBehaviour(opts.onUnavailable)==="error"){throw new Error(`[Syidax] sy-area-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-area-chart: Pro renderer unavailable, falling back to Standard (${reason}).`);return{tier:"standard",fallbackReason:reason}}if(opts.keepPro&&!licenseBlocked){return{tier:"pro",degradedReason:getProFeatureBlockReason(opts.features)}}const pointCount=Number.isFinite(opts.pointCount)&&opts.pointCount>=0?opts.pointCount:0;const threshold=Number.isFinite(opts.proThreshold)&&opts.proThreshold>0?opts.proThreshold:1e5;if(pointCount>=threshold){const featureBlockReason=getProFeatureBlockReason(opts.features);if(featureBlockReason){return{tier:"standard",fallbackReason:featureBlockReason,featureFallbackReason:featureBlockReason}}if(proAvailable)return{tier:"pro"};const reason=opts.proUnavailableReason||"Pro renderer unavailable";if(licenseBlocked)return{tier:"standard",licenseReason:reason};console.info(`[Syidax] sy-area-chart: auto mode wanted Pro for ${pointCount.toLocaleString()} points (threshold ${threshold.toLocaleString()}) but Pro is unavailable - ${reason}. Staying on Standard.`);return{tier:"standard",fallbackReason:reason}}return{tier:"standard"}}export function getProFeatureBlockReason(features={}){if(features.visualMap===true){return"visualMap colours need per-datum fills and currently use the Standard engine"}const marker=features.marker;if(marker&&marker!=="none"){return`marker "${marker}" requires the Standard engine; Pro currently renders area fills and strokes only`}const gradient=features.fillGradient;if(gradient&&(gradient.type==="linear"||gradient.type==="radial")){return`fillGradient "${gradient.type}" requires the Standard engine; Pro currently renders a single uniform fill color only`}const pattern=features.fillPattern;if(pattern&&(pattern.type==="dots"||pattern.type==="diagonal"||pattern.type==="cross-hatch")){return`fillPattern "${pattern.type}" requires the Standard engine; Pro currently renders a single uniform fill color only`}if(features.hasGaps===true){return`null gaps require the Standard engine; Pro currently renders one continuous fill region only`}if(features.multiSeries===true){return"multi-series area charts require the Standard engine until Pro receives series compositing"}if(features.nonLinearYAxis===true){return"non-linear yAxis.kind requires the Standard engine until Pro receives cartesian frame projection"}const thickness=features.thickness;if(Number.isFinite(thickness)&&thickness!==1){return`line thickness ${thickness} requires the Standard engine; Pro currently supports thickness=1 only`}const color=features.color;if(typeof color==="string"&&color.trim()&&!parseProColor(color)){return`color "${color}" uses CSS syntax that the Pro engine does not support yet`}const fillColor=features.fillColor;if(typeof fillColor==="string"&&fillColor.trim()&&!parseProColor(fillColor)){return`fillColor "${fillColor}" uses CSS syntax that the Pro engine does not support yet`}return void 0}export function parseProColor(input){const trimmed=input?.trim();if(!trimmed)return null;if(trimmed.startsWith("#")){const hex=trimmed.slice(1);const expanded=hex.length===3?hex.split("").map(c=>c+c).join(""):hex;if(expanded.length!==6||!/^[\da-f]{6}$/i.test(expanded))return null;const r2=parseInt(expanded.slice(0,2),16)/255;const g2=parseInt(expanded.slice(2,4),16)/255;const b2=parseInt(expanded.slice(4,6),16)/255;return[r2,g2,b2,1]}const match=trimmed.match(/^rgba?\(([^)]+)\)$/i);if(!match)return null;const parts=match[1].split(",").map(part=>Number(part.trim()));if(parts.length<3||parts.length>4||parts.some(part=>!Number.isFinite(part))){return null}const[rawR,rawG,rawB,rawA=1]=parts;const r=clampByte(rawR)/255;const g=clampByte(rawG)/255;const b=clampByte(rawB)/255;const a=clampUnit(rawA);return[r*a,g*a,b*a,a]}function clampByte(value){return Math.max(0,Math.min(255,value))}function clampUnit(value){return Math.max(0,Math.min(1,value))}

package/dist/collection/components/chart/area-chart/core/area-pro-renderer-loader.js

@@ -0,0 +1 @@
+export const hasAreaChartProRenderer=false;export function createAreaChartProRenderer(_canvas){return null}

package/dist/collection/components/chart/area-chart/core/pattern-kind.js

@@ -0,0 +1 @@
+export function resolveAreaChartFillPattern(options){const kind=options.patternKind;if(!kind)return options.fillPattern;if(kind==="fill")return void 0;const base={color:options.patternColor??options.color,background:options.patternBackground,size:options.patternSize,thickness:options.patternThickness};if(kind==="dots"){return{...base,type:"dots"}}if(kind==="cross-hatch"){return{...base,type:"cross-hatch"}}return{...base,type:"diagonal",direction:kind==="diagonal-backward"?"backward":"forward"}}

package/dist/collection/components/chart/area-chart/core/streaming/index.js

@@ -0,0 +1 @@
+export*from"./ring-buffer.js";export*from"./stream-source.js";

package/dist/collection/components/chart/area-chart/core/streaming/ring-buffer-runtime.js

@@ -0,0 +1 @@
+export function createRingBuffer(){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/area-chart/core/streaming/ring-buffer.js

@@ -0,0 +1 @@
+export{createRingBuffer}from"./ring-buffer-runtime.js";

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

@@ -0,0 +1 @@
+export function createRingBufferStreamSource(){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/area-chart/core/streaming/stream-source.js

@@ -0,0 +1 @@
+export{createRingBufferStreamSource}from"./stream-source-runtime.js";

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

@@ -0,0 +1 @@
+export function appendAreaChartValue(existing,value,shift){if(existing instanceof Float32Array){const len=existing.length;if(shift&&len>0){const out2=new Float32Array(len);out2.set(existing.subarray(1));out2[len-1]=value;return out2}const out=new Float32Array(len+1);out.set(existing);out[len]=value;return out}const arr=Array.isArray(existing)?existing.slice():[];if(shift&&arr.length>0)arr.shift();arr.push(value);return arr}

package/dist/collection/components/chart/area-chart/core/visual-regression/baseline.js

@@ -0,0 +1 @@
+const HOST_STYLE="position: relative; display: inline-block; width: 400px; height: 200px";const CANVAS_STANDARD='<canvas class="sy-area-chart__canvas sy-area-chart__canvas--standard" style="position: absolute; left: 0px; top: 0px"></canvas>';const CANVAS_PRO='<canvas class="sy-area-chart__canvas sy-area-chart__canvas--pro" style="position: absolute; left: 0px; top: 0px"></canvas>';const WATERMARK_FALLBACK='<span class="sy-area-chart__watermark" title="Pro renderer not included in this build">Syidax - fell back to standard renderer</span>';const WATERMARK_DEGRADED='<span class="sy-area-chart__watermark sy-area-chart__watermark--degraded" title="WebGPU adapter request returned null">Syidax - Pro degraded</span>';export const __BASELINE_SNAPSHOTS={Default:`<sy-area-chart style="${HOST_STYLE}">`+CANVAS_STANDARD+"</sy-area-chart>","Tier.Pro":`<sy-area-chart style="${HOST_STYLE}">`+CANVAS_PRO+"</sy-area-chart>","Fallback.Primary":`<sy-area-chart style="${HOST_STYLE}">`+CANVAS_STANDARD+WATERMARK_FALLBACK+"</sy-area-chart>","Fallback.Degraded":`<sy-area-chart style="${HOST_STYLE}">`+CANVAS_PRO+WATERMARK_DEGRADED+"</sy-area-chart>"};export function listBaselineStories(){return Object.keys(__BASELINE_SNAPSHOTS).sort()}export const __STREAM_FRAME_BASELINES={"Stream.AtRest":"(0, 100) -> (100, 80) -> (200, 60) -> (300, 40) -> (400, 20) -> (500, 20) -> (600, 0)","Stream.MidFlight":"(-100, 100) -> (0, 80) -> (100, 60) -> (200, 40) -> (300, 20) -> (400, 20) -> (500, 0)","Stream.Settled":"(-200, 100) -> (-100, 80) -> (0, 60) -> (100, 40) -> (200, 20) -> (300, 20) -> (400, 0)","Stream.SingleShift":"(-50, 150) -> (50, 100) -> (150, 50) -> (250, 0)","Stream.NoShift":"(0, 100) -> (100, 50) -> (200, 0)"};export function listStreamFrameBaselines(){return Object.keys(__STREAM_FRAME_BASELINES).sort()}

package/dist/collection/components/chart/area-chart/core/visual-regression/dom-snapshot.js

@@ -0,0 +1 @@
+function normaliseStyleValue(styleStr){const out=[];for(const raw of styleStr.split(";")){const trimmed=raw.trim();if(trimmed.length===0)continue;const colon=trimmed.indexOf(":");if(colon===-1){out.push(trimmed);continue}const prop=trimmed.slice(0,colon).trim();const value=trimmed.slice(colon+1).trim();const m=value.match(/^(-?\d+(?:\.\d+)?)px$/);if(m){const n=Number(m[1]);const rounded=Math.round(n*100)/100;out.push(`${prop}: ${rounded}px`)}else{out.push(`${prop}: ${value}`)}}return out.join("; ")}function escapeAttr(v){return v.replace(/"/g,"&quot;")}function serialiseAttrs(el,strip){if(!el.attributes||el.attributes.length===0)return"";const attrs=[];for(let i=0;i<el.attributes.length;i++){const a=el.attributes[i];if(strip.has(a.name))continue;let value=a.value;if(a.name==="style"){value=normaliseStyleValue(value)}attrs.push({name:a.name,value})}attrs.sort((a,b)=>a.name<b.name?-1:a.name>b.name?1:0);if(attrs.length===0)return"";return" "+attrs.map(a=>`${a.name}="${escapeAttr(a.value)}"`).join(" ")}function walk(node,strip,out){if(node.nodeType===3){const v=node.nodeValue??"";if(/^\s*$/.test(v))return;out.push(v.trim());return}if(node.nodeType!==1)return;const tag=(node.tagName??"").toLowerCase();const attrs=serialiseAttrs(node,strip);out.push(`<${tag}${attrs}>`);if(node.childNodes){for(let i=0;i<node.childNodes.length;i++){walk(node.childNodes[i],strip,out)}}out.push(`</${tag}>`)}export function domSnapshot(host,opts={}){const strip=new Set(opts.strip??[]);const out=[];walk(host,strip,out);return out.join("")}

package/dist/collection/components/chart/area-chart/core/visual-regression/stream-frame-snapshot.js

@@ -0,0 +1 @@
+function round2(n){if(!Number.isFinite(n))return"NaN";return(Math.round(n*100)/100).toString()}export function streamFrameSnapshot(points){if(points.length===0)return"[]";const out=new Array(points.length);for(let i=0;i<points.length;i++){out[i]=`(${round2(points[i].x)}, ${round2(points[i].y)})`}return out.join(" -> ")}

package/dist/collection/components/chart/area-chart/engines/standard/area-chart-standard-renderer.js

@@ -0,0 +1 @@
+import{createMarkerColorBuckets,visualMapColorFn}from"../../../_shared/core/visual-map/visual-map-binding.js";import{lineMarkerSymbolFrom}from"../../../line-chart/core/types.js";import{buildAreaPath2DFromValues,buildAreaStreamFramePath2D,buildAreaStreamFramePoints,buildAreaStreamStrokePath2D,buildLineStrokePath2DFromValues,resolveLinearGradientAxis,resolveRadialGradientCircle,resolvePatternTile}from"./sy-area-chart-path.js";import{buildMarkerPath2D,mapToPixelPoints,mapToPixelPointsWithProject,shouldDrawMarkerPoint}from"../../../line-chart/engines/standard/sy-line-chart-path.js";import{STANDARD_ENGINE_MAX_POINTS,capValuesView,createPointCapWarner}from"../../../_shared/core/limits/point-cap.js";const DEFAULT_FILL_OPACITY=.2;const DEFAULT_MARKER_SIZE=4;const DEFAULT_INACTIVE_SERIES_STATE={opacity:.35,thicknessScale:.75,markerSizeScale:.78};function hasExplicitSeries(series){return Array.isArray(series)&&series.length>0}function renderXValues(series){const xValues=series.xValues;return Array.isArray(xValues)&&xValues.length>0?xValues:void 0}function finitePositive(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:fallback}function finiteOpacity(value,fallback=1){if(typeof value!=="number"||!Number.isFinite(value))return fallback;if(value<0)return 0;if(value>1)return 1;return value}function activeSeriesIndex(index,count){if(typeof index!=="number"||!Number.isFinite(index))return void 0;const normalized=Math.trunc(index);return normalized>=0&&normalized<count?normalized:void 0}function resolveEffectiveSeries(input){const series=[];if(hasExplicitSeries(input.series)){for(const entry of input.series){if(!entry?.values||entry.values.length===0)continue;const xValues=renderXValues(entry);series.push({values:capValuesView(entry.values,STANDARD_ENGINE_MAX_POINTS),xValues:xValues?capValuesView(xValues,STANDARD_ENGINE_MAX_POINTS):void 0,yAxis:entry.yAxis,yAxisIndex:entry.yAxisIndex,xAxis:entry.xAxis,xAxisIndex:entry.xAxisIndex,color:typeof entry.color==="string"&&entry.color.length>0?entry.color:input.color,fillColor:typeof entry.fillColor==="string"&&entry.fillColor.length>0?entry.fillColor:void 0,fillOpacity:typeof entry.fillOpacity==="number"?finiteOpacity(entry.fillOpacity):input.fillOpacity,opacity:finiteOpacity(entry.opacity),thickness:finitePositive(entry.thickness,input.thickness),marker:lineMarkerSymbolFrom(entry.marker)??input.marker,markerSize:finitePositive(entry.markerSize,input.markerSize),markerFilter:entry.markerFilter??input.markerFilter})}}else if(input.values?.length>0){series.push({values:capValuesView(input.values,STANDARD_ENGINE_MAX_POINTS),xValues:void 0,yAxis:void 0,yAxisIndex:void 0,xAxis:void 0,xAxisIndex:void 0,color:input.color,fillColor:input.fillColor,fillOpacity:input.fillOpacity,opacity:1,thickness:input.thickness,marker:input.marker,markerSize:finitePositive(input.markerSize,DEFAULT_MARKER_SIZE),markerFilter:input.markerFilter})}const activeIndex=activeSeriesIndex(input.activeSeriesIndex,series.length);if(activeIndex===void 0||series.length<2||input.seriesState?.enabled===false)return series;const inactive=input.seriesState?.inactive??{};const opacity=finiteOpacity(inactive.opacity,DEFAULT_INACTIVE_SERIES_STATE.opacity);const thicknessScale=finitePositive(inactive.thicknessScale,DEFAULT_INACTIVE_SERIES_STATE.thicknessScale);const markerSizeScale=finitePositive(inactive.markerSizeScale,DEFAULT_INACTIVE_SERIES_STATE.markerSizeScale);return series.map((entry,index)=>{if(index===activeIndex)return entry;return{...entry,opacity,thickness:finitePositive(inactive.thickness,entry.thickness*thicknessScale),markerSize:finitePositive(inactive.markerSize,entry.markerSize*markerSizeScale)}})}function computeDomainMulti(series){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(const entry of series){for(let i=0;i<entry.values.length;i++){const v=entry.values[i];if(typeof v!=="number"||!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}}if(min===Number.POSITIVE_INFINITY||max===Number.NEGATIVE_INFINITY){return{min:0,max:0,range:1}}return{min,max,range:max-min||1}}export class AreaChartStandardRenderer{ctx;dpr=1;canvas;warnPointCap=createPointCapWarner();constructor(canvas){this.canvas=canvas;this.ctx=canvas.getContext("2d")??void 0;this.applyDpr()}destroy(){this.ctx=void 0}draw(input){this.applyDpr();const ctx=this.ctx;const canvas=this.canvas;if(!ctx||!canvas)return{points:0,renderMs:0};const dpr=this.dpr;const cssWidth=Math.max(1,input.width);const cssHeight=Math.max(1,input.height);const pxWidth=Math.round(cssWidth*dpr);const pxHeight=Math.round(cssHeight*dpr);if(canvas.width!==pxWidth)canvas.width=pxWidth;if(canvas.height!==pxHeight)canvas.height=pxHeight;canvas.style.width=`${cssWidth}px`;canvas.style.height=`${cssHeight}px`;ctx.save();ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,pxWidth,pxHeight);ctx.scale(dpr,dpr);const totalPoints=hasExplicitSeries(input.series)?input.series.reduce((max,series)=>Math.max(max,series?.values?.length??0),0):input.values?.length??0;this.warnPointCap("sy-area-chart (standard engine)",totalPoints,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");const streamFrame=input.streamFrame;const drawableSeries=resolveEffectiveSeries(input);const pointCount=drawableSeries.reduce((sum,series)=>sum+series.values.length,0);const maxPointCount=drawableSeries.reduce((max,series)=>Math.max(max,series.values.length),0);const explicitSeries=hasExplicitSeries(input.series);if((drawableSeries.length===0||maxPointCount<2)&&!streamFrame){ctx.restore();return{points:pointCount,renderMs:0}}const start=performance.now();const{min,range}=streamFrame&&!explicitSeries?computeFrameDomain(streamFrame.previous,streamFrame.next):computeDomainMulti(drawableSeries);ctx.lineJoin="round";if(streamFrame&&!explicitSeries){const fillStyle=resolveFillStyle(ctx,input,cssWidth,cssHeight);ctx.fillStyle=fillStyle;ctx.lineWidth=input.thickness;ctx.strokeStyle=input.color;const points=buildAreaStreamFramePoints(streamFrame,cssWidth,cssHeight,min,range,input.xProjectForSeries?.()??input.xProject,input.yProjectForSeries?.()??input.yProject);const fillPath=new Path2D;buildAreaStreamFramePath2D(points,cssHeight,fillPath,{baseline:input.baselineProjectForSeries?.()??input.baselineProject??input.baseline,connectNulls:input.connectNulls===true});ctx.fill(fillPath);const strokePath=new Path2D;buildAreaStreamStrokePath2D(points,strokePath,{connectNulls:input.connectNulls===true});ctx.stroke(strokePath);const markerShape=input.marker||"none";const markerSize=finitePositive(input.markerSize,DEFAULT_MARKER_SIZE);if(markerShape!=="none"){const markerPaths=createMarkerColorBuckets(visualMapColorFn(input.visualMap),input.color,ctx);for(let i=0;i<points.length;i++){const{x:cx,y:cy}=points[i];const datum=streamMarkerDatum(streamFrame,i);if(!datum||!shouldDrawMarkerPoint(datum.value,datum.index,input.markerFilter))continue;if(!Number.isFinite(cx)||!Number.isFinite(cy))continue;buildMarkerPath2D(markerShape,cx,cy,markerSize,markerPaths.pathFor(datum.value,datum.index))}markerPaths.fill(ctx)}ctx.restore();return{points:points.length,renderMs:performance.now()-start}}const revealProgress=normalizeRevealProgress(input.animationRevealProgress);if(revealProgress<1){ctx.save();ctx.beginPath();ctx.rect(0,0,cssWidth*revealProgress,cssHeight);ctx.clip()}for(const series of drawableSeries){ctx.globalAlpha=series.opacity;ctx.fillStyle=resolveFillStyle(ctx,{...input,color:series.color,fillColor:series.fillColor,fillOpacity:series.fillOpacity},cssWidth,cssHeight);ctx.lineWidth=series.thickness;ctx.strokeStyle=series.color;const ySlot=series.yAxis??series.yAxisIndex;const yProject=input.yProjectForSeries?.(ySlot)??input.yProject;const baselineProject=input.baselineProjectForSeries?.(ySlot)??input.baselineProject;const xProject=input.xProjectForSeries?.(series.xAxis??series.xAxisIndex)??input.xProject;const projectedPoints=yProject?mapToPixelPointsWithProject(series.values,cssWidth,yProject,xProject,series.xValues):null;const fillPath=new Path2D;if(projectedPoints){buildAreaStreamFramePath2D(projectedPoints,cssHeight,fillPath,{baseline:Number.isFinite(baselineProject)?baselineProject:cssHeight,connectNulls:input.connectNulls===true})}else{buildAreaPath2DFromValues(series.values,cssWidth,cssHeight,min,range,fillPath,{baseline:input.baseline,connectNulls:input.connectNulls===true})}ctx.fill(fillPath);const strokePath=new Path2D;if(projectedPoints){buildAreaStreamStrokePath2D(projectedPoints,strokePath,{connectNulls:input.connectNulls===true})}else{buildLineStrokePath2DFromValues(series.values,cssWidth,cssHeight,min,range,strokePath,{connectNulls:input.connectNulls===true})}ctx.stroke(strokePath);const markerShape=series.marker||"none";if(markerShape!=="none"){const markerPaths=createMarkerColorBuckets(visualMapColorFn(input.visualMap),series.color,ctx);const points=projectedPoints?projectedPoints:mapToPixelPoints(series.values,cssWidth,cssHeight,min,range);for(let i=0;i<points.length;i++){if(!shouldDrawMarkerPoint(series.values[i],i,series.markerFilter))continue;const cx=points[i].x;const cy=points[i].y;if(!Number.isFinite(cx)||!Number.isFinite(cy))continue;buildMarkerPath2D(markerShape,cx,cy,series.markerSize,markerPaths.pathFor(series.values[i],i))}markerPaths.fill(ctx)}}ctx.globalAlpha=1;if(revealProgress<1)ctx.restore();ctx.restore();return{points:pointCount,renderMs:performance.now()-start}}applyDpr(){const ratio=window.devicePixelRatio;const dpr=Number.isFinite(ratio)&&ratio>0?ratio:1;if(dpr===this.dpr&&this.canvas.width>0)return;this.dpr=dpr;const w=this.canvas.offsetWidth||this.canvas.width||1;const h=this.canvas.offsetHeight||this.canvas.height||1;this.canvas.width=Math.round(w*dpr);this.canvas.height=Math.round(h*dpr)}}function normalizeRevealProgress(value){if(typeof value!=="number"||!Number.isFinite(value))return 1;if(value<=0)return 0;if(value>=1)return 1;return value}function streamMarkerDatum(frame,pointIndex){if(!frame)return void 0;const next=frame.next;const previous=frame.previous;const n=next.length;if(n===0)return void 0;const shiftCount=Math.max(0,Math.min(Math.floor(Number.isFinite(frame.shiftCount)?frame.shiftCount:0),previous.length,n));if(shiftCount===0||previous.length===0){return pointIndex<n?{index:pointIndex,value:next[pointIndex]}:void 0}const previousCount=Math.min(previous.length,n);if(pointIndex<previousCount)return{index:pointIndex,value:previous[pointIndex]};const incomingCount=Math.min(shiftCount,n);const incomingStart=n-incomingCount;const nextIndex=incomingStart+(pointIndex-previousCount);return nextIndex>=0&&nextIndex<n?{index:nextIndex,value:next[nextIndex]}:void 0}function resolveFillStyle(ctx,input,pxWidth,pxHeight){if(isUsableGradient(input.fillGradient)){return buildCanvasGradient(ctx,input.fillGradient,pxWidth,pxHeight)}if(isUsablePattern(input.fillPattern)){const pattern=buildCanvasPattern(ctx,input.fillPattern);if(pattern)return pattern}if(typeof input.fillColor==="string"&&input.fillColor.length>0){return input.fillColor}const opacity=Number.isFinite(input.fillOpacity)?clamp01(input.fillOpacity):DEFAULT_FILL_OPACITY;return rgbaWithAlpha(input.color,opacity)}function isUsableGradient(spec){if(!spec||spec.type!=="linear"&&spec.type!=="radial")return false;return Array.isArray(spec.stops)&&spec.stops.length>=2}function isUsablePattern(spec){if(!spec)return false;return spec.type==="dots"||spec.type==="diagonal"||spec.type==="cross-hatch"}function buildCanvasPattern(ctx,spec){const tile=resolvePatternTile(spec);const offCanvas=typeof document!=="undefined"?document.createElement("canvas"):null;if(!offCanvas)return null;offCanvas.width=Math.max(1,Math.round(tile.size));offCanvas.height=Math.max(1,Math.round(tile.size));const offCtx=offCanvas.getContext("2d");if(!offCtx)return null;if(tile.background){offCtx.fillStyle=tile.background;offCtx.fillRect(0,0,offCanvas.width,offCanvas.height)}offCtx.strokeStyle=tile.color;offCtx.fillStyle=tile.color;offCtx.lineWidth=tile.thickness;offCtx.lineCap="square";for(const shape of tile.shapes){if(shape.kind==="dot"){offCtx.beginPath();offCtx.arc(shape.cx,shape.cy,shape.r,0,Math.PI*2);offCtx.fill()}else{offCtx.beginPath();offCtx.moveTo(shape.x1,shape.y1);offCtx.lineTo(shape.x2,shape.y2);offCtx.stroke()}}return ctx.createPattern(offCanvas,"repeat")}function buildCanvasGradient(ctx,spec,pxWidth,pxHeight){let gradient;if(spec.type==="linear"){const axis=resolveLinearGradientAxis(spec,pxWidth,pxHeight);gradient=ctx.createLinearGradient(axis.x0,axis.y0,axis.x1,axis.y1)}else{const circle=resolveRadialGradientCircle(spec,pxWidth,pxHeight);gradient=ctx.createRadialGradient(circle.cx,circle.cy,0,circle.cx,circle.cy,circle.r)}for(const stop of spec.stops){if(!Number.isFinite(stop?.offset)||typeof stop?.color!=="string")continue;gradient.addColorStop(clamp01(stop.offset),stop.color)}return gradient}function clamp01(n){if(n<=0)return 0;if(n>=1)return 1;return n}function rgbaWithAlpha(color,alpha){const trimmed=color.trim();const hex=parseHexColor(trimmed);if(hex)return`rgba(${hex.r}, ${hex.g}, ${hex.b}, ${alpha})`;const rgb=parseRgbColor(trimmed);if(rgb)return`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;return trimmed}function parseHexColor(input){if(input[0]!=="#")return null;const body=input.slice(1);if(body.length===3){const r=parseInt(body[0]+body[0],16);const g=parseInt(body[1]+body[1],16);const b=parseInt(body[2]+body[2],16);if(!Number.isFinite(r)||!Number.isFinite(g)||!Number.isFinite(b))return null;return{r,g,b}}if(body.length===6){const r=parseInt(body.slice(0,2),16);const g=parseInt(body.slice(2,4),16);const b=parseInt(body.slice(4,6),16);if(!Number.isFinite(r)||!Number.isFinite(g)||!Number.isFinite(b))return null;return{r,g,b}}return null}function parseRgbColor(input){const m=input.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);if(!m)return null;return{r:Number(m[1]),g:Number(m[2]),b:Number(m[3])}}function computeFrameDomain(previous,next){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(let i=0;i<previous.length;i++){const v=previous[i];if(!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}for(let i=0;i<next.length;i++){const v=next[i];if(!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}if(min===Number.POSITIVE_INFINITY||max===Number.NEGATIVE_INFINITY){return{min:0,max:0,range:1}}return{min,max,range:max-min||1}}

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

@@ -0,0 +1 @@
+export*from"./area-chart-standard-renderer.js";export*from"./sy-area-chart-path.js";

package/dist/collection/components/chart/area-chart/engines/standard/sy-area-chart-path.js

@@ -0,0 +1 @@
+import{buildStreamFramePoints}from"../../../line-chart/engines/standard/sy-line-chart-path.js";export function computeDomain(values){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(let i=0;i<values.length;i++){const v=values[i];if(!Number.isFinite(v))continue;if(v<min)min=v;if(v>max)max=v}if(min===Number.POSITIVE_INFINITY||max===Number.NEGATIVE_INFINITY){return{min:0,max:0,range:1}}return{min,max,range:max-min||1}}export function mapToPixelPoints(values,pxWidth,pxHeight,min,range){const n=values.length;if(n===0)return[];const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=n>1?pxWidth/(n-1):0;const yScale=pxHeight/safeRange;const points=new Array(n);for(let i=0;i<n;i++){const v=values[i];const x=i*xScale+0;const y=typeof v==="number"&&Number.isFinite(v)?pxHeight-(v-min)*yScale+0:Number.NaN;points[i]={x,y}}return points}export function buildLineStrokePath2DFromValues(values,pxWidth,pxHeight,min,range,path2d,opts={}){const n=values.length;if(n===0)return;const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=n>1?pxWidth/(n-1):0;const yScale=pxHeight/safeRange;const connectNulls=opts.connectNulls===true;let pen="idle";for(let i=0;i<n;i++){const v=values[i];if(typeof v!=="number"||!Number.isFinite(v)){if(!connectNulls)pen="idle";continue}const x=i*xScale+0;const y=pxHeight-(v-min)*yScale+0;if(pen==="idle"){path2d.moveTo(x,y);pen="down"}else{path2d.lineTo(x,y)}}}export function buildLineStrokePath2DFromValuesWithProject(values,pxWidth,yProject,path2d,opts={}){const n=values.length;if(n===0)return;const xScale=n>1?pxWidth/(n-1):0;const connectNulls=opts.connectNulls===true;let pen="idle";for(let i=0;i<n;i++){const v=values[i];if(typeof v!=="number"||!Number.isFinite(v)){if(!connectNulls)pen="idle";continue}const y=yProject(v);if(!Number.isFinite(y)){if(!connectNulls)pen="idle";continue}const x=i*xScale;if(pen==="idle"){path2d.moveTo(x,y);pen="down"}else{path2d.lineTo(x,y)}}}export function buildAreaPath2DFromValues(values,pxWidth,pxHeight,min,range,path2d,opts={}){const n=values.length;if(n<2)return;const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=pxWidth/(n-1);const yScale=pxHeight/safeRange;const baseline=Number.isFinite(opts.baseline)?opts.baseline:pxHeight;const connectNulls=opts.connectNulls===true;if(connectNulls){emitConnectedPolygon(values,n,xScale,yScale,pxHeight,min,baseline,path2d);return}let runStart=-1;for(let i=0;i<=n;i++){const v=i<n?values[i]:void 0;const finite=typeof v==="number"&&Number.isFinite(v);if(finite){if(runStart<0)runStart=i;continue}if(runStart>=0){emitClosedSubPolygon(values,runStart,i-1,xScale,yScale,pxHeight,min,baseline,path2d);runStart=-1}}}export function buildAreaPath2DFromValuesWithProject(values,pxWidth,baseline,yProject,path2d,opts={}){const n=values.length;if(n<2)return;const xScale=pxWidth/(n-1);const connectNulls=opts.connectNulls===true;if(connectNulls){const finiteIndices=[];for(let i=0;i<n;i++){const v=values[i];if(typeof v==="number"&&Number.isFinite(v)&&Number.isFinite(yProject(v))){finiteIndices.push(i)}}if(finiteIndices.length<2)return;const first=finiteIndices[0];const last=finiteIndices[finiteIndices.length-1];path2d.moveTo(first*xScale,baseline);for(const i of finiteIndices){path2d.lineTo(i*xScale,yProject(values[i]))}path2d.lineTo(last*xScale,baseline);path2d.closePath();return}let runStart=-1;for(let i=0;i<=n;i++){const v=i<n?values[i]:void 0;const finite=typeof v==="number"&&Number.isFinite(v)&&Number.isFinite(yProject(v));if(finite){if(runStart<0)runStart=i;continue}if(runStart>=0){if(i-runStart>=2){const runEnd=i-1;path2d.moveTo(runStart*xScale,baseline);for(let k=runStart;k<=runEnd;k++){path2d.lineTo(k*xScale,yProject(values[k]))}path2d.lineTo(runEnd*xScale,baseline);path2d.closePath()}runStart=-1}}}function emitConnectedPolygon(values,n,xScale,yScale,pxHeight,min,baseline,path2d){const finiteIndices=[];for(let i=0;i<n;i++){const v=values[i];if(typeof v==="number"&&Number.isFinite(v))finiteIndices.push(i)}if(finiteIndices.length<2)return;const first=finiteIndices[0];const last=finiteIndices[finiteIndices.length-1];path2d.moveTo(first*xScale,baseline);for(let k=0;k<finiteIndices.length;k++){const i=finiteIndices[k];const v=values[i];path2d.lineTo(i*xScale,pxHeight-(v-min)*yScale)}path2d.lineTo(last*xScale,baseline);path2d.closePath()}export function resolveLinearGradientAxis(spec,pxWidth,pxHeight){const safe=(v,fallback)=>typeof v==="number"&&Number.isFinite(v)?v:fallback;return{x0:safe(spec?.x0,0)*pxWidth,y0:safe(spec?.y0,0)*pxHeight,x1:safe(spec?.x1,0)*pxWidth,y1:safe(spec?.y1,1)*pxHeight}}export function resolveRadialGradientCircle(spec,pxWidth,pxHeight){const safe=(v,fallback)=>typeof v==="number"&&Number.isFinite(v)?v:fallback;const rFactor=Math.max(0,safe(spec?.r,.7));return{cx:safe(spec?.cx,.5)*pxWidth,cy:safe(spec?.cy,.5)*pxHeight,r:rFactor*Math.max(pxWidth,pxHeight)}}export function buildAreaStreamFramePoints(frame,pxWidth,pxHeight,min,range,xProject,yProject){return buildStreamFramePoints(frame,pxWidth,pxHeight,min,range,xProject,yProject)}export function buildAreaStreamFramePath2D(points,pxHeight,target,opts={}){const baseline=Number.isFinite(opts.baseline)?opts.baseline:pxHeight;if(opts.connectNulls===true){emitConnectedStreamPolygon(points,baseline,target);return}let runStart=-1;for(let i=0;i<=points.length;i++){const p=i<points.length?points[i]:void 0;const finite=!!p&&Number.isFinite(p.x)&&Number.isFinite(p.y);if(finite){if(runStart<0)runStart=i;continue}if(runStart>=0){emitStreamSubPolygon(points,runStart,i-1,baseline,target);runStart=-1}}}function emitConnectedStreamPolygon(points,baseline,target){const finite=[];for(let i=0;i<points.length;i++){const p=points[i];if(Number.isFinite(p.x)&&Number.isFinite(p.y))finite.push(p)}if(finite.length<2)return;const first=finite[0];const last=finite[finite.length-1];target.moveTo(first.x,baseline);for(let i=0;i<finite.length;i++){target.lineTo(finite[i].x,finite[i].y)}target.lineTo(last.x,baseline);target.closePath()}function emitStreamSubPolygon(points,start,end,baseline,target){if(end-start<1)return;target.moveTo(points[start].x,baseline);for(let i=start;i<=end;i++){target.lineTo(points[i].x,points[i].y)}target.lineTo(points[end].x,baseline);target.closePath()}export function buildAreaStreamStrokePath2D(points,target,opts={}){const connectNulls=opts.connectNulls===true;let pen="idle";for(let i=0;i<points.length;i++){const p=points[i];if(!Number.isFinite(p.x)||!Number.isFinite(p.y)){if(!connectNulls)pen="idle";continue}if(pen==="idle"){target.moveTo(p.x,p.y);pen="down"}else{target.lineTo(p.x,p.y)}}}const DEFAULT_PATTERN_SIZE=12;const DEFAULT_PATTERN_COLOR="#000";const DEFAULT_PATTERN_THICKNESS=1;export function resolvePatternTile(spec){const size=positiveOrDefault(spec?.size,DEFAULT_PATTERN_SIZE);const thickness=positiveOrDefault(spec?.thickness,DEFAULT_PATTERN_THICKNESS);const color=typeof spec?.color==="string"&&spec.color.length>0?spec.color:DEFAULT_PATTERN_COLOR;const background=typeof spec?.background==="string"&&spec.background.length>0?spec.background:null;if(spec.type==="dots"){const r=Math.max(.5,size/6*thickness);return{size,color,background,thickness,shapes:[{kind:"dot",cx:size/2,cy:size/2,r}]}}if(spec.type==="cross-hatch"){return{size,color,background,thickness,shapes:[{kind:"line",x1:0,y1:size,x2:size,y2:0},{kind:"line",x1:0,y1:0,x2:size,y2:size}]}}const direction=spec.direction==="backward"?"backward":"forward";const line=direction==="forward"?{kind:"line",x1:0,y1:size,x2:size,y2:0}:{kind:"line",x1:0,y1:0,x2:size,y2:size};return{size,color,background,thickness,shapes:[line]}}function positiveOrDefault(value,fallback){if(typeof value!=="number"||!Number.isFinite(value)||value<=0)return fallback;return value}function emitClosedSubPolygon(values,start,end,xScale,yScale,pxHeight,min,baseline,path2d){if(end-start<1)return;path2d.moveTo(start*xScale,baseline);for(let i=start;i<=end;i++){const v=values[i];const x=i*xScale;const y=pxHeight-(v-min)*yScale;path2d.lineTo(x,y)}path2d.lineTo(end*xScale,baseline);path2d.closePath()}

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

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

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-area-chart__canvas{display:block;background:rgba(0,0,0,0);border-radius:4px;box-shadow:inset 0 0 0 1px var(--border-default, #e5e7eb)}.sy-area-chart__watermark{position:absolute;top:4px;right:6px;font-size:10px;line-height:1;padding:2px 6px;background:hsla(0,0%,100%,.85);border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;pointer-events:none}.sy-area-chart__watermark--degraded{border-color:#facc15;color:#854d0e}