@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/collection/components/chart/line-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 createLineChartAnimator(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/line-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/line-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/line-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/line-chart/core/event/hit-test.js

@@ -0,0 +1 @@
+const DEFAULT_MAX_RADIUS_PX=12;export function findNearestPoint(input){if(!input||typeof input!=="object")return null;const{cssX,cssY,values,width,height,min,range}=input;if(!Number.isFinite(cssX)||!Number.isFinite(cssY))return null;if(!Number.isFinite(width)||width<=0||!Number.isFinite(height)||height<=0)return null;if(!values||values.length===0)return null;const n=values.length;const safeRange=Number.isFinite(range)&&range!==0?range:1;const xScale=n>1?width/(n-1):0;const yScale=height/safeRange;const useDomainX=typeof input.xProject==="function"&&Array.isArray(input.xValues)&&input.xValues.length>0;const maxRadius=Number.isFinite(input.maxRadiusPx)&&input.maxRadiusPx>0?input.maxRadiusPx:DEFAULT_MAX_RADIUS_PX;const maxSq=maxRadius*maxRadius;let bestIdx=-1;let bestDistSq=Number.POSITIVE_INFINITY;const approxIdx=xScale>0?Math.round(cssX/xScale):0;const lo=useDomainX?0:Math.max(0,approxIdx-1);const hi=useDomainX?n-1:Math.min(n-1,approxIdx+1);for(let i=lo;i<=hi;i++){const v2=values[i];if(typeof v2!=="number"||!Number.isFinite(v2))continue;const rawX=useDomainX&&Number.isFinite(input.xValues[i])?input.xValues[i]:i;const px=useDomainX?input.xProject(rawX):i*xScale;const py=input.yProject?input.yProject(v2):height-(v2-min)*yScale;if(!Number.isFinite(px)||!Number.isFinite(py))continue;const dx=px-cssX;const dy=py-cssY;const distSq=dx*dx+dy*dy;if(distSq<bestDistSq){bestDistSq=distSq;bestIdx=i}}if(bestIdx<0||bestDistSq>maxSq)return null;const v=values[bestIdx];return{index:bestIdx,distancePx:Math.sqrt(bestDistSq),cssX:useDomainX&&Number.isFinite(input.xValues[bestIdx])?input.xProject(input.xValues[bestIdx]):bestIdx*xScale,cssY:input.yProject?input.yProject(v):height-(v-min)*yScale,value:v,dataX:useDomainX&&Number.isFinite(input.xValues[bestIdx])?input.xValues[bestIdx]:void 0}}

package/dist/collection/components/chart/line-chart/core/event/index.js

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

package/dist/collection/components/chart/line-chart/core/license/engine-swap-license.js

@@ -0,0 +1 @@
+import{ensureEntitlement,entitlementFor,reflectLicenseState,refuseChartFeature,setLicenseFrozen,subscribe}from"../../../_shared/core/license/chart-license-bridge.js";import{CHART_FEATURE}from"../../../_shared/core/license/chart-license-features.js";import{CHART_BUILD_TIER}from"../../../_shared/core/loading/chart-build-tier.js";import{GPU_PRO_NOT_IN_BUILD_REASON}from"../../../_shared/core/adapter/gpu-availability.js";import{isChartLicenseEngineCode,normalizeChartEngineRequest,resolveChartEngine}from"../../../_shared/core/engine/resolve-chart-engine.js";export const ENGINE_LICENSE_FEATURE=CHART_FEATURE.webgpu;export const STREAMING_LICENSE_FEATURE=CHART_FEATURE.streaming;function isEngineSwapFeature(feature){return feature===ENGINE_LICENSE_FEATURE||feature===STREAMING_LICENSE_FEATURE}const DEFAULT_BRIDGE={entitlementFor,ensureEntitlement,subscribe,refuseChartFeature,reflectLicenseState,setLicenseFrozen};export const STREAM_HANDLE_WRITE="getStreamSource";function reportError(error){const report=globalThis.reportError;if(typeof report==="function")report(error);else if(typeof console!=="undefined")console.error(error)}function finiteNumber(value){return typeof value==="number"&&Number.isFinite(value)}function positiveNumber(value){return finiteNumber(value)&&value>0}export function requestedStreamingInputs(inputs,options={}){const asked=[];const source=inputs.streamSource!==void 0&&inputs.streamSource!==null;const max=options.capacity==="finite"?finiteNumber(inputs.streamMax):positiveNumber(inputs.streamMax)&&Math.floor(inputs.streamMax)>0;if(source)asked.push("stream-source");if(max)asked.push("stream-max");if(source||max||options.streamImplied===true){if(positiveNumber(inputs.streamWindow))asked.push("stream-window");if(positiveNumber(inputs.streamWindowMs))asked.push("stream-window-ms")}if(typeof inputs.frameBudget==="number"&&!Number.isNaN(inputs.frameBudget))asked.push("frame-budget");return asked}export function engineLicenseVerdict(state){const resolution=resolveChartEngine({requested:"pro",engineClass:"engine-swap",entitlement:state,gpuAvailable:true,moduleAvailable:true,hasStandardRenderer:true});if(resolution.effective==="pro")return Object.freeze({state});const code=isChartLicenseEngineCode(resolution.code)?resolution.code:"license-required";return Object.freeze({state,code,reason:resolution.reason??void 0})}export function engineSwapOutcome(input){const{requested}=normalizeChartEngineRequest(input.requested);if(input.tier==="pro")return{code:"ok",reason:input.degradedReason??null};if(input.license?.code)return{code:input.license.code,reason:input.license.reason??null};if(requested==="standard")return{code:"ok",reason:null};if(input.featureFallbackReason)return{code:requested==="auto"?"auto-standard":"no-pro-renderer",reason:input.featureFallbackReason};if(input.fallbackReason){if(input.renderer&&input.renderer.reason===input.fallbackReason)return{code:input.renderer.code,reason:input.fallbackReason};return{code:"gpu-unavailable",reason:input.fallbackReason}}return{code:"auto-standard",reason:null}}export function engineSwapStatus(requested,effective,outcome,licenseState){return Object.freeze({requested:normalizeChartEngineRequest(requested).requested,effective,reason:outcome.reason,code:outcome.code,entitlement:licenseState?Object.freeze({feature:ENGINE_LICENSE_FEATURE,state:licenseState}):null})}export function rendererCodeOf(moduleInBuild){return moduleInBuild?"gpu-unavailable":"renderer-not-in-build"}export function engineFailureOutcome(reason){return{code:reason===GPU_PRO_NOT_IN_BUILD_REASON?"renderer-not-in-build":"gpu-unavailable",reason}}export class EngineSwapLicense{unsubscribe;connected=false;refused=new Set;frozen=new Set;seen=new Map;undelivered=[];deliveryScheduled=false;settleWaiters=new Set;parked;queue=null;waiting=0;host;onChange;bridge;hostless=Object.freeze({});constructor(host,onChange,bridge=DEFAULT_BRIDGE){this.host=host;this.onChange=onChange;this.bridge=bridge}connect(){if(this.unsubscribe)return;this.connected=true;this.unsubscribe=this.bridge.subscribe(this.element(),change=>{if(!isEngineSwapFeature(change.feature))return;if(CHART_BUILD_TIER==="community"&&change.feature===STREAMING_LICENSE_FEATURE)return;this.observe(change.feature,change.state);this.deliver()});for(const feature of[...this.seen.keys()])this.state(feature);this.wakeSettleWaiters()}disconnect(){this.connected=false;this.unsubscribe?.();this.unsubscribe=void 0;for(const change of[...this.undelivered].reverse())this.seen.set(change.feature,change.previousState);this.undelivered=[]}state(feature){if(CHART_BUILD_TIER==="community"&&feature===STREAMING_LICENSE_FEATURE){this.bridge.reflectLicenseState(this.host(),feature,"module-missing");return"unsupported-environment"}const{state}=this.bridge.entitlementFor(this.element(),feature);this.observe(feature,state);if(this.undelivered.length>0)this.scheduleDelivery();return state}element(){return this.host()??this.hostless}observe(feature,state){const previousState=this.seen.get(feature);if(previousState===state)return;if(previousState!==void 0&&!this.connected)return;this.seen.set(feature,state);this.reflect(feature,state);this.wakeSettleWaiters();if(previousState===void 0)return;for(const key of[...this.refused])if(key.startsWith(`${feature}|`))this.refused.delete(key);this.undelivered.push(Object.freeze({feature,state,previousState}))}scheduleDelivery(){if(this.deliveryScheduled)return;this.deliveryScheduled=true;queueMicrotask(()=>{this.deliveryScheduled=false;this.deliver()})}deliver(){while(this.connected&&this.undelivered.length>0){const change=this.undelivered.shift();try{this.onChange(change)}catch(error){reportError(error)}}}reflect(feature,state){const el=this.host();if(!el)return;let shownFeature=feature;let shownState=state;if(state==="valid"){for(const[other,otherState]of this.seen){if(otherState!=="valid"){shownFeature=other;shownState=otherState;break}}}try{this.bridge.reflectLicenseState(el,shownFeature,shownState)}catch{}}refuse(feature,state,input){if(state==="valid"||state==="pending")return;const el=this.host();if(!el)return;const key=`${feature}|${state}|${input}`;if(this.refused.has(key))return;this.refused.add(key);queueMicrotask(()=>{try{this.bridge.refuseChartFeature(el,{feature,state},{method:input,...CHART_BUILD_TIER==="community"&&feature===STREAMING_LICENSE_FEATURE?{code:"module-missing"}:{}})}catch{}})}isFrozen(feature){return this.frozen.has(feature)}setFrozen(feature,frozen){const had=this.frozen.size>0;if(frozen)this.frozen.add(feature);else this.frozen.delete(feature);const has=this.frozen.size>0;if(had!==has)this.bridge.setLicenseFrozen(this.host(),has)}parkStream(source,shown){if(this.parked?.source===source)return;this.releaseParked();const parked={source,shown:[...shown],refusedWrite:false,stop:()=>void 0};this.parked=parked;try{parked.stop=source.subscribe(()=>this.parkedWrite(parked))}catch{}}parkedWrite(parked){if(this.parked!==parked)return;const state=this.state(STREAMING_LICENSE_FEATURE);if(state==="valid"||state==="pending")return;parked.refusedWrite=true;this.refuse(STREAMING_LICENSE_FEATURE,state,STREAM_HANDLE_WRITE)}resumeStream(source,shown){const parked=this.parked;if(!parked||parked.source!==source)return true;this.releaseParked();return!parked.refusedWrite&&parked.shown.length===shown.length&&parked.shown.every((item,i)=>item===shown[i])}releaseParked(){const parked=this.parked;this.parked=void 0;try{parked?.stop()}catch{}}run(feature,asks,body){if(this.waiting===0&&(!asks||this.state(feature)!=="pending")){this.deliver();return Promise.resolve(body())}this.waiting+=1;const previous=this.queue??Promise.resolve();const next=previous.then(async()=>{while(this.state(feature)==="pending")await this.settled(feature);this.deliver();return await body()});const done=next.then(()=>void 0,()=>void 0).then(()=>{this.waiting-=1;if(this.queue===done)this.queue=null});this.queue=done;return next}async settled(feature){const answer=await this.bridge.ensureEntitlement(this.element(),feature);if(answer.state!=="pending"||this.state(feature)!=="pending")return;await new Promise(resolve=>this.settleWaiters.add(resolve))}wakeSettleWaiters(){if(this.settleWaiters.size===0)return;const waiters=[...this.settleWaiters];this.settleWaiters.clear();for(const wake of waiters)wake()}}

package/dist/collection/components/chart/line-chart/core/line-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-line-chart: Pro renderer unavailable — ${reason}`)}console.warn(`[Syidax] sy-line-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-line-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 const PRO_MARKER_SHAPES=["circle","square","triangle","cross","diamond","star"];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"&&!PRO_MARKER_SHAPES.includes(marker)){return`marker "${marker}" is not a Pro shape (${PRO_MARKER_SHAPES.join(" / ")}); the Standard engine draws it`}if(features.markerFilter===true){return"marker-filter requires the Standard engine; the Pro marker pass draws every point"}const lineDash=features.lineDash;if(Array.isArray(lineDash)&&lineDash.some(n=>Number.isFinite(n)&&n>0)){return`lineDash pattern requires the Standard engine; Pro currently renders solid lines only`}const smooth=features.smooth;if(smooth&&smooth!=="none"){return`smooth "${smooth}" requires the Standard engine; Pro currently renders straight segments only`}const step=features.step;if(step&&step!=="none"){return`step "${step}" requires the Standard engine; Pro currently renders straight segments only`}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`}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/line-chart/core/pro-renderer-loader.js

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

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

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

package/dist/collection/components/chart/line-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/line-chart/core/streaming/ring-buffer.js

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

package/dist/collection/components/chart/line-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/line-chart/core/streaming/stream-source.js

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

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

@@ -0,0 +1 @@
+export function lineMarkerSymbolFrom(input){if(input===void 0||input===null)return void 0;if(typeof input==="string")return input;if(input.enabled===false)return"none";if(typeof input.symbol==="string")return input.symbol;return void 0}export function appendLineChartValue(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/line-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-line-chart__canvas sy-line-chart__canvas--standard" style="position: absolute; left: 0px; top: 0px"></canvas>';const CANVAS_STANDARD_OFFSET=(x,y)=>`<canvas class="sy-line-chart__canvas sy-line-chart__canvas--standard" style="position: absolute; left: ${x}px; top: ${y}px"></canvas>`;const CANVAS_PRO='<canvas class="sy-line-chart__canvas sy-line-chart__canvas--pro" style="position: absolute; left: 0px; top: 0px"></canvas>';const WATERMARK_FALLBACK='<span class="sy-line-chart__watermark" title="Pro renderer not included in this build">Syidax - fell back to standard renderer</span>';const WATERMARK_DEGRADED='<span class="sy-line-chart__watermark sy-line-chart__watermark--degraded" title="WebGPU adapter request returned null">Syidax - Pro degraded</span>';function legendLineItem(args){const localX=args.itemX-args.parentX;const localY=args.itemY-args.parentY;const itemClass=args.disabled?"sy-line-chart__legend-item sy-line-chart__legend-item--disabled":"sy-line-chart__legend-item";const opacity=args.disabled?"0.45":"1";const textDecoration=args.disabled?"line-through":"none";return`<div class="${itemClass}" data-legend-index="${args.index}" role="listitem" style="position: absolute; left: ${localX}px; top: ${localY}px; width: ${args.itemW}px; height: ${args.itemH}px; display: flex; align-items: center; gap: 6px; line-height: 12px; box-sizing: border-box; white-space: nowrap; cursor: pointer; opacity: ${opacity}"><span class="sy-line-chart__legend-swatch" style="flex: 0 0 auto; width: 12px; height: 2px; background: ${args.swatchColor}; border-radius: 999px"></span><span class="sy-line-chart__legend-label" style="display: block; color: inherit; line-height: 12px; text-decoration: ${textDecoration}">${args.label}</span></div>`}function legendDockedContainer(args,itemHtml){return`<div class="sy-line-chart__legend" role="list" style="position: absolute; left: ${args.legendX}px; top: ${args.legendY}px; width: ${args.legendW}px; height: ${args.legendH}px; font-size: 12px; font-weight: normal; font-family: inherit; color: var(--sy-axis-color, #111827); pointer-events: auto; touch-action: auto; box-sizing: border-box">`+itemHtml+"</div>"}function legendFloatContainer(args,itemHtml){const cursorDecl=args.cursor?`; cursor: ${args.cursor}`:"";return`<div class="sy-line-chart__legend" role="list" style="position: absolute; left: ${args.legendX}px; top: ${args.legendY}px; width: ${args.legendW}px; height: ${args.legendH}px; font-size: 12px; font-weight: normal; font-family: inherit; color: var(--sy-axis-color, #111827); pointer-events: auto; touch-action: ${args.touchAction}; box-sizing: border-box; background: rgba(255,255,255,0.85); border-style: solid; border-color: #999999; border-width: 1px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.25)${cursorDecl}">`+itemHtml+"</div>"}export const __BASELINE_SNAPSHOTS={Default:`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD+"</sy-line-chart>","Tier.Pro":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_PRO+"</sy-line-chart>","Fallback.Primary":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD+WATERMARK_FALLBACK+"</sy-line-chart>","Fallback.Degraded":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_PRO+WATERMARK_DEGRADED+"</sy-line-chart>","Legend.Bottom":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,0)+legendDockedContainer({legendX:0,legendY:164,legendW:400,legendH:36,itemX:165,itemY:180,itemW:70,itemH:12},legendLineItem({index:0,parentX:0,parentY:164,itemX:165,itemY:180,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.Top":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,36)+legendDockedContainer({legendX:0,legendY:0,legendW:400,legendH:36,itemX:165,itemY:8,itemW:70,itemH:12},legendLineItem({index:0,parentX:0,parentY:0,itemX:165,itemY:8,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.Left":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(94,0)+legendDockedContainer({legendX:0,legendY:0,legendW:94,legendH:200,itemX:8,itemY:94,itemW:70,itemH:12},legendLineItem({index:0,parentX:0,parentY:0,itemX:8,itemY:94,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.Right":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,0)+legendDockedContainer({legendX:306,legendY:0,legendW:94,legendH:200,itemX:322,itemY:94,itemW:70,itemH:12},legendLineItem({index:0,parentX:306,parentY:0,itemX:322,itemY:94,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.Float":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,0)+legendFloatContainer({legendX:314,legendY:0,legendW:86,legendH:28,itemX:322,itemY:8,itemW:70,itemH:12,touchAction:"auto"},legendLineItem({index:0,parentX:314,parentY:0,itemX:322,itemY:8,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.FloatDragged":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,0)+legendFloatContainer({legendX:214,legendY:50,legendW:86,legendH:28,itemX:222,itemY:58,itemW:70,itemH:12,cursor:"grab",touchAction:"none"},legendLineItem({index:0,parentX:214,parentY:50,itemX:222,itemY:58,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:false}))+"</sy-line-chart>","Legend.ItemDisabled":`<sy-line-chart style="${HOST_STYLE}">`+CANVAS_STANDARD_OFFSET(0,0)+legendDockedContainer({legendX:0,legendY:164,legendW:400,legendH:36,itemX:165,itemY:180,itemW:70,itemH:12},legendLineItem({index:0,parentX:0,parentY:164,itemX:165,itemY:180,itemW:70,itemH:12,label:"Series A",swatchColor:"#2563eb",disabled:true}))+"</sy-line-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/line-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/line-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/line-chart/engines/standard/index.js

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

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

@@ -0,0 +1 @@
+import{createMarkerColorBuckets,visualMapColorFn}from"../../../_shared/core/visual-map/visual-map-binding.js";import{lineMarkerSymbolFrom}from"../../core/types.js";import{buildLinePath2DCulled,buildLinePath2DFromValues,buildMarkerPath2D,buildSmoothLinePath2D,buildSmoothLinePath2DFromValues,buildStepLinePath2D,buildStepLinePath2DFromValues,buildStreamFramePoints,computeDomain,computeDomainMulti,cullToViewport,mapToPixelPoints,mapToPixelPointsWithProject,sanitizeLineDash,shouldDrawMarkerPoint,snapPixel}from"./sy-line-chart-path.js";import{STANDARD_ENGINE_MAX_POINTS,capValuesView,createPointCapWarner}from"../../../_shared/core/limits/point-cap.js";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 finiteScale(value,fallback){return typeof value==="number"&&Number.isFinite(value)&&value>0?value:fallback}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 isRoundDotDash(dash){return dash!==void 0&&dash.length===2&&dash[0]===0&&dash[1]>0}function applyLineDash(ctx,dash){const sanitized=sanitizeLineDash(dash);ctx.lineCap=isRoundDotDash(sanitized)?"round":"butt";ctx.setLineDash(sanitized)}function applySeriesState(series,input){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=finiteScale(inactive.thicknessScale,DEFAULT_INACTIVE_SERIES_STATE.thicknessScale);const markerSizeScale=finiteScale(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 resolveEffectiveSeries(input){let out=[];if(hasExplicitSeries(input.series)){for(const series of input.series){if(!series?.values||series.values.length===0)continue;const xValues=renderXValues(series);out.push({values:capValuesView(series.values,STANDARD_ENGINE_MAX_POINTS),xValues:xValues?capValuesView(xValues,STANDARD_ENGINE_MAX_POINTS):void 0,yAxis:series.yAxis,yAxisIndex:series.yAxisIndex,xAxis:series.xAxis,xAxisIndex:series.xAxisIndex,color:typeof series.color==="string"&&series.color.length>0?series.color:input.color,opacity:finiteOpacity(series.opacity),thickness:finitePositive(series.thickness,input.thickness),marker:lineMarkerSymbolFrom(series.marker)??input.marker,markerSize:finitePositive(series.markerSize,input.markerSize),markerFilter:series.markerFilter??input.markerFilter,lineDash:Array.isArray(series.lineDash)?series.lineDash:input.lineDash,smooth:series.smooth??input.smooth,smoothTension:typeof series.smoothTension==="number"&&Number.isFinite(series.smoothTension)?series.smoothTension:input.smoothTension,step:series.step??input.step})}return applySeriesState(out,input)}if(!input.values||input.values.length===0)return[];out=[{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,opacity:1,thickness:input.thickness,marker:input.marker,markerSize:input.markerSize,markerFilter:input.markerFilter,lineDash:input.lineDash,smooth:input.smooth,smoothTension:input.smoothTension,step:input.step}];return out}export class LineChartStandardRenderer{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-line-chart (standard engine)",totalPoints,STANDARD_ENGINE_MAX_POINTS,"standard engine maximum");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);if(drawableSeries.length===0||maxPointCount<2){ctx.restore();return{points:pointCount,renderMs:0}}const streamFrame=input.streamFrame;const start=performance.now();const explicitSeries=hasExplicitSeries(input.series);const{min,range}=streamFrame&&!explicitSeries?computeFrameDomain(streamFrame.previous,streamFrame.next):drawableSeries.length===1?computeDomain(drawableSeries[0].values):computeDomainMulti(drawableSeries.map(series=>series.values));const lineWidth=input.thickness;ctx.lineWidth=lineWidth;ctx.strokeStyle=input.color;ctx.lineJoin="round";applyLineDash(ctx,input.lineDash);const revealProgress=normalizeRevealProgress(input.animationRevealProgress);const clippedReveal=revealProgress<1;if(clippedReveal){ctx.save();ctx.beginPath();ctx.rect(0,0,cssWidth*revealProgress,cssHeight);ctx.clip()}const markerShape=input.marker||"none";const rawMarkerSize=input.markerSize;const markerSize=Number.isFinite(rawMarkerSize)&&rawMarkerSize>0?rawMarkerSize:DEFAULT_MARKER_SIZE;const shouldDrawMarkers=markerShape!=="none";const connectNulls=input.connectNulls===true;const smooth=input.smooth??"none";const step=input.step??"none";if(streamFrame&&!explicitSeries){const points=buildStreamFramePoints(streamFrame,cssWidth,cssHeight,min,range,input.xProjectForSeries?.()??input.xProject,input.yProjectForSeries?.()??input.yProject);const path2d=new Path2D;if(step!=="none"){buildStepLinePath2D(points,path2d,step,connectNulls)}else if(smooth==="none"){buildLinePath2DCulled(points,0,points.length-1,path2d,connectNulls)}else{buildSmoothLinePath2D(points,path2d,smooth,input.smoothTension,connectNulls)}ctx.stroke(path2d);if(shouldDrawMarkers){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)}if(clippedReveal)ctx.restore();ctx.restore();return{points:pointCount,renderMs:performance.now()-start}}for(const series of drawableSeries){const path2d=new Path2D;const seriesLineWidth=series.thickness;ctx.lineWidth=seriesLineWidth;ctx.strokeStyle=series.color;ctx.globalAlpha=series.opacity;applyLineDash(ctx,series.lineDash);const yProject=input.yProjectForSeries?.(series.yAxis??series.yAxisIndex)??input.yProject;const xProject=input.xProjectForSeries?.(series.xAxis??series.xAxisIndex)??input.xProject;if(yProject){const points=mapToPixelPointsWithProject(series.values,cssWidth,yProject,xProject,series.xValues);const snapped=points.map(p=>({...p,x:snapPixel(p.x,seriesLineWidth),y:snapPixel(p.y,seriesLineWidth)}));if(series.step!=="none"){buildStepLinePath2D(snapped,path2d,series.step,connectNulls)}else if(series.smooth==="none"){buildLinePath2DCulled(snapped,0,snapped.length-1,path2d,connectNulls)}else{buildSmoothLinePath2D(snapped,path2d,series.smooth,series.smoothTension,connectNulls)}}else if(series.step!=="none"){buildStepLinePath2DFromValues(series.values,cssWidth,cssHeight,min,range,path2d,series.step,connectNulls)}else if(series.smooth==="none"){buildLinePath2DFromValues(series.values,cssWidth,cssHeight,min,range,path2d,seriesLineWidth,connectNulls)}else{buildSmoothLinePath2DFromValues(series.values,cssWidth,cssHeight,min,range,path2d,series.smooth,series.smoothTension,connectNulls)}ctx.stroke(path2d);const seriesMarkerShape=series.marker||"none";if(seriesMarkerShape!=="none"){const markerPaths=createMarkerColorBuckets(visualMapColorFn(input.visualMap),series.color,ctx);const pts=yProject?mapToPixelPointsWithProject(series.values,cssWidth,yProject,xProject,series.xValues):mapToPixelPoints(series.values,cssWidth,cssHeight,min,range);for(let i=0;i<pts.length;i++){if(!shouldDrawMarkerPoint(series.values[i],i,series.markerFilter))continue;const cx=snapPixel(pts[i].x,seriesLineWidth);const cy=snapPixel(pts[i].y,seriesLineWidth);if(!Number.isFinite(cx)||!Number.isFinite(cy))continue;buildMarkerPath2D(seriesMarkerShape,cx,cy,series.markerSize,markerPaths.pathFor(series.values[i],i))}markerPaths.fill(ctx)}ctx.globalAlpha=1}ctx.setLineDash([]);if(clippedReveal)ctx.restore();ctx.restore();return{points:pointCount,renderMs:performance.now()-start}}drawCulled(input,viewportLeft,viewportRight){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`;const values=input.values;const n=values.length;const start=performance.now();const{min,range}=computeDomain(values);const lineWidth=input.thickness;const xProject=input.xProjectForSeries?.()??input.xProject;const yProject=input.yProjectForSeries?.()??input.yProject;const points=mapToPixelPointsWithProject(values,cssWidth,yProject??(v=>cssHeight-(v-min)*cssHeight/range),xProject);const snapped=points.map(p=>({...p,x:snapPixel(p.x,lineWidth),y:snapPixel(p.y,lineWidth)}));if(snapped[0]?.x>snapped[snapped.length-1]?.x)snapped.reverse();const cull=cullToViewport(snapped,viewportLeft,viewportRight);ctx.save();ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,pxWidth,pxHeight);ctx.scale(dpr,dpr);ctx.lineWidth=lineWidth;ctx.strokeStyle=input.color;ctx.lineJoin="round";applyLineDash(ctx,input.lineDash);if(cull.lo<=cull.hi){const path2d=new Path2D;buildLinePath2DCulled(snapped,cull.lo,cull.hi,path2d,input.connectNulls===true);ctx.stroke(path2d)}ctx.restore();return{points:n,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 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 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}}function normalizeRevealProgress(value){if(typeof value!=="number"||!Number.isFinite(value))return 1;if(value<=0)return 0;if(value>=1)return 1;return value}

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

@@ -0,0 +1 @@
+export function computeDomain(values){const n=values.length;let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(let i=0;i<n;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}}const range=max-min||1;return{min,max,range}}export function computeDomainMulti(seriesList){let min=Number.POSITIVE_INFINITY;let max=Number.NEGATIVE_INFINITY;for(let s=0;s<seriesList.length;s++){const values=seriesList[s];const n=values.length;for(let i=0;i<n;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}}const range=max-min||1;return{min,max,range}}export function mapToPixelPoints(values,pxWidth,pxHeight,min,range){const n=values.length;if(n===0)return[];const xScale=n>1?pxWidth/(n-1):0;const yScale=pxHeight/range;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 mapToPixelPointsWithProject(values,pxWidth,yProject,xProject,xValues){const n=values.length;if(n===0)return[];const xScale=n>1?pxWidth/(n-1):0;const points=new Array(n);for(let i=0;i<n;i++){const v=values[i];const xValue=xValues&&Number.isFinite(xValues[i])?xValues[i]:i;points[i]={x:xProject?xProject(xValue):i*xScale,y:typeof v==="number"&&Number.isFinite(v)?yProject(v):Number.NaN}}return points}export function shouldDrawMarkerPoint(value,index,markerFilter){if(typeof value!=="number"||!Number.isFinite(value))return false;return markerFilter?markerFilter(index,value)!==false:true}export function buildLinePath2D(points,path2d){const n=points.length;if(n===0)return;path2d.moveTo(points[0].x,points[0].y);for(let i=1;i<n;i++){path2d.lineTo(points[i].x,points[i].y)}}export function buildLinePath2DFromValues(values,pxWidth,pxHeight,min,range,path2d,snapLineWidth,connectNulls=false){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 shouldSnap=typeof snapLineWidth==="number"&&Number.isFinite(snapLineWidth);const project=v=>shouldSnap?snapPixel(v,snapLineWidth):v;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(project(x),project(y));pen="down"}else{path2d.lineTo(project(x),project(y))}}}export function buildLinePath2DFromValuesWithProject(values,pxWidth,yProject,path2d,snapLineWidth,connectNulls=false){const n=values.length;if(n===0)return;const xScale=n>1?pxWidth/(n-1):0;const shouldSnap=typeof snapLineWidth==="number"&&Number.isFinite(snapLineWidth);const project=v=>shouldSnap?snapPixel(v,snapLineWidth):v;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;const y=yProject(v);if(!Number.isFinite(y)){if(!connectNulls)pen="idle";continue}if(pen==="idle"){path2d.moveTo(project(x),project(y));pen="down"}else{path2d.lineTo(project(x),project(y))}}}export function binarySearchLeft(points,target){let lo=0;let hi=points.length;while(lo<hi){const mid=lo+hi>>>1;if(points[mid].x<target){lo=mid+1}else{hi=mid}}return lo}export function binarySearchRight(points,target){let lo=0;let hi=points.length-1;let result=-1;while(lo<=hi){const mid=lo+hi>>>1;if(points[mid].x<=target){result=mid;lo=mid+1}else{hi=mid-1}}return result}export function cullToViewport(points,viewportLeft,viewportRight){if(points.length===0||viewportLeft>viewportRight){return{lo:0,hi:-1}}const rawLo=binarySearchLeft(points,viewportLeft);const rawHi=binarySearchRight(points,viewportRight);if(rawLo>rawHi){if(rawHi>=0&&rawLo<points.length){return{lo:rawHi,hi:rawLo}}return{lo:0,hi:-1}}const lo=Math.max(0,rawLo-1);const hi=Math.min(points.length-1,rawHi+1);return{lo,hi}}export function buildLinePath2DCulled(points,lo,hi,path2d,connectNulls=false){if(points.length===0)return;const start=Math.max(0,Math.floor(lo));const end=Math.min(points.length-1,Math.floor(hi));if(start>end)return;let pen="idle";for(let i=start;i<=end;i++){const p=points[i];if(!Number.isFinite(p.x)||!Number.isFinite(p.y)){if(!connectNulls)pen="idle";continue}if(pen==="idle"){path2d.moveTo(p.x,p.y);pen="down"}else{path2d.lineTo(p.x,p.y)}}}export function buildStepLinePath2D(points,target,step,connectNulls=false){if(step==="none"){buildLinePath2DCulled(points,0,points.length-1,target,connectNulls);return}if(points.length===0)return;let pen="idle";let prevX=0;let prevY=0;for(let i=0;i<points.length;i++){const point=points[i];if(!Number.isFinite(point.x)||!Number.isFinite(point.y)){if(!connectNulls)pen="idle";continue}const{x,y}=point;if(pen==="idle"){target.moveTo(x,y)}else if(step==="left"){target.lineTo(prevX,y);target.lineTo(x,y)}else if(step==="right"){target.lineTo(x,prevY);target.lineTo(x,y)}else{const mid=(prevX+x)/2;target.lineTo(mid,prevY);target.lineTo(mid,y);target.lineTo(x,y)}pen="down";prevX=x;prevY=y}}export function buildStreamFramePoints(frame,pxWidth,pxHeight,min,range,xProject,yProject){const next=frame.next;const previous=frame.previous;const n=next.length;if(n===0)return[];const safeRange=Number.isFinite(range)&&range!==0?range:1;const progress=Number.isFinite(frame.progress)?Math.max(0,Math.min(1,frame.progress)):1;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 mapToPixelPointsWithProject(next,pxWidth,yProject??(v=>pxHeight-(v-min)*pxHeight/safeRange),xProject)}const xScale=n>1?pxWidth/(n-1):0;const yScale=pxHeight/safeRange;const points=[];const projectX=xProject??(index=>index*xScale);const projectY=yProject??(v=>pxHeight-(v-min)*yScale);const previousCount=Math.min(previous.length,n);for(let i=0;i<previousCount;i++){const v=previous[i];points.push({x:projectX(i-shiftCount*progress),y:Number.isFinite(v)?projectY(v):Number.NaN})}const incomingCount=Math.min(shiftCount,n);const incomingStart=n-incomingCount;const incomingOffset=shiftCount*(1-progress);for(let i=incomingStart;i<n;i++){const v=next[i];points.push({x:projectX(i+incomingOffset),y:Number.isFinite(v)?projectY(v):Number.NaN})}return points}export function snapPixel(v,lineWidth=1){return lineWidth%2===1?Math.round(v)+.5:Math.round(v)}export function sanitizeLineDash(input){if(!Array.isArray(input)||input.length===0)return[];const out=[];for(let i=0;i<input.length;i++){const n=input[i];if(typeof n!=="number"||!Number.isFinite(n)||n<0)return[];out.push(n)}return out.some(n=>n>0)?out:[]}export const CARDINAL_TENSION_DEFAULT=.5;function isFinitePoint(p){return p!==void 0&&Number.isFinite(p.x)&&Number.isFinite(p.y)}function sanitizeTension(tension){if(!Number.isFinite(tension))return CARDINAL_TENSION_DEFAULT;if(tension<0)return 0;if(tension>1)return 1;return tension}function emitCardinalRun(run,target,tension){const n=run.length;if(n===0)return;target.moveTo(run[0].x,run[0].y);if(n===1)return;if(n===2){target.lineTo(run[1].x,run[1].y);return}const k=(1-tension)/6;for(let i=0;i<n-1;i++){const p0=i===0?run[0]:run[i-1];const p1=run[i];const p2=run[i+1];const p3=i+2<n?run[i+2]:run[n-1];const cp1x=p1.x+(p2.x-p0.x)*k;const cp1y=p1.y+(p2.y-p0.y)*k;const cp2x=p2.x-(p3.x-p1.x)*k;const cp2y=p2.y-(p3.y-p1.y)*k;target.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,p2.x,p2.y)}}function emitMonotoneRun(run,target){const n=run.length;if(n===0)return;target.moveTo(run[0].x,run[0].y);if(n===1)return;if(n===2){target.lineTo(run[1].x,run[1].y);return}const dx=new Float64Array(n-1);const slope=new Float64Array(n-1);for(let i=0;i<n-1;i++){const h=run[i+1].x-run[i].x;dx[i]=h;slope[i]=h===0?0:(run[i+1].y-run[i].y)/h}const m=new Float64Array(n);m[0]=slope[0];for(let i=1;i<n-1;i++){if(slope[i-1]*slope[i]<=0){m[i]=0}else{const h0=dx[i-1];const h1=dx[i];const common=h0+h1;m[i]=3*common/((common+h1)/slope[i-1]+(common+h0)/slope[i])}}m[n-1]=slope[n-2];for(let i=0;i<n-1;i++){const h=dx[i];const cp1x=run[i].x+h/3;const cp1y=run[i].y+m[i]*h/3;const cp2x=run[i+1].x-h/3;const cp2y=run[i+1].y-m[i+1]*h/3;target.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,run[i+1].x,run[i+1].y)}}export function buildSmoothLinePath2D(points,target,smooth,tension=CARDINAL_TENSION_DEFAULT,connectNulls=false){if(smooth==="none"){buildLinePath2D(points,target);return}const n=points.length;if(n===0)return;const t=sanitizeTension(tension);if(connectNulls){const dense=[];for(let i=0;i<n;i++){if(isFinitePoint(points[i]))dense.push(points[i])}if(smooth==="cardinal")emitCardinalRun(dense,target,t);else emitMonotoneRun(dense,target);return}let runStart=-1;for(let i=0;i<=n;i++){const inside=i<n&&isFinitePoint(points[i]);if(inside){if(runStart<0)runStart=i}else if(runStart>=0){const run=points.slice(runStart,i);if(smooth==="cardinal")emitCardinalRun(run,target,t);else emitMonotoneRun(run,target);runStart=-1}}}export function buildStepLinePath2DFromValues(values,pxWidth,pxHeight,min,range,target,step,connectNulls=false){if(step==="none"){buildLinePath2DFromValues(values,pxWidth,pxHeight,min,range,target,void 0,connectNulls);return}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 yOf=v=>pxHeight-(v-min)*yScale;let pen="idle";let prevX=0;let prevY=0;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;const y=yOf(v);if(pen==="idle"){target.moveTo(x,y)}else if(step==="left"){target.lineTo(prevX,y);target.lineTo(x,y)}else if(step==="right"){target.lineTo(x,prevY);target.lineTo(x,y)}else{const mid=(prevX+x)/2;target.lineTo(mid,prevY);target.lineTo(mid,y);target.lineTo(x,y)}pen="down";prevX=x;prevY=y}}export function buildSmoothLinePath2DFromValues(values,pxWidth,pxHeight,min,range,target,smooth,tension=CARDINAL_TENSION_DEFAULT,connectNulls=false){if(smooth==="none"){buildLinePath2DFromValues(values,pxWidth,pxHeight,min,range,target,void 0,connectNulls);return}const points=mapToPixelPoints(values,pxWidth,pxHeight,min,range);if(connectNulls){const dense=[];for(let i=0;i<points.length;i++){if(isFinitePoint(points[i]))dense.push(points[i])}buildSmoothLinePath2D(dense,target,smooth,tension,false);return}buildSmoothLinePath2D(points,target,smooth,tension,false)}const TRIANGLE_HALF_WIDTH=Math.sqrt(3)/2;const CROSS_ARM_RATIO=1/3;const STAR_INNER_RATIO=.5;export function buildMarkerPath2D(shape,cx,cy,size,path2d){if(shape==="none")return;if(!Number.isFinite(cx)||!Number.isFinite(cy))return;if(!Number.isFinite(size)||size<=0)return;switch(shape){case"circle":{path2d.moveTo(cx+size,cy);path2d.arc(cx,cy,size,0,Math.PI*2);return}case"square":{path2d.moveTo(cx-size,cy-size);path2d.lineTo(cx+size,cy-size);path2d.lineTo(cx+size,cy+size);path2d.lineTo(cx-size,cy+size);path2d.closePath();return}case"triangle":{const halfWidth=size*TRIANGLE_HALF_WIDTH;path2d.moveTo(cx,cy-size);path2d.lineTo(cx+halfWidth,cy+size*.5);path2d.lineTo(cx-halfWidth,cy+size*.5);path2d.closePath();return}case"cross":{const a=size;const b=size*CROSS_ARM_RATIO;path2d.moveTo(cx-a,cy-b);path2d.lineTo(cx-b,cy-b);path2d.lineTo(cx-b,cy-a);path2d.lineTo(cx+b,cy-a);path2d.lineTo(cx+b,cy-b);path2d.lineTo(cx+a,cy-b);path2d.lineTo(cx+a,cy+b);path2d.lineTo(cx+b,cy+b);path2d.lineTo(cx+b,cy+a);path2d.lineTo(cx-b,cy+a);path2d.lineTo(cx-b,cy+b);path2d.lineTo(cx-a,cy+b);path2d.closePath();return}case"diamond":{path2d.moveTo(cx,cy-size);path2d.lineTo(cx+size,cy);path2d.lineTo(cx,cy+size);path2d.lineTo(cx-size,cy);path2d.closePath();return}case"star":{const outer=size;const inner=size*STAR_INNER_RATIO;const startAngle=-Math.PI/2;for(let i=0;i<10;i++){const r=i%2===0?outer:inner;const angle=startAngle+i*Math.PI/5;const x=cx+r*Math.cos(angle);const y=cy+r*Math.sin(angle);if(i===0)path2d.moveTo(x,y);else path2d.lineTo(x,y)}path2d.closePath();return}default:return}}

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

@@ -0,0 +1 @@
+export*from"./sy-line-chart.js";export*from"./core/types.js";

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

@@ -0,0 +1 @@
+:host{display:inline-block;position:relative;overflow:visible;background:var(--sy-chart-bg, var(--background-default, #ffffff))}.sy-line-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-line-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-line-chart__watermark--degraded{border-color:#facc15;color:#854d0e}