ml-time-graph 1.0.0 → 1.0.5

package/dist/interaction/index.d.ts

@@ -1,4 +1,4 @@
-import { l as DataPoint, p as DrawCommand, ae as TimeScale, W as LinearScale } from '../scale-Cbr0KpPz.js';
+import { k as DataPoint, o as DrawCommand, ad as TimeScale, V as LinearScale } from '../scale-BRE_QhbZ.js';
 
 /*!
  * MLTimeGraph — Copyright (c) 2026 Michael Lechner

package/dist/interaction/index.js

@@ -1,438 +1,5 @@
-// src/core/scale.ts
-var LinearScale = class {
-  #domain;
-  #range;
-  constructor(config) {
-    this.#domain = [...config.domain];
-    this.#range = [...config.range];
-  }
-  map(value) {
-    const v = Number(value);
-    const [d0, d1] = this.#domain;
-    const [r0, r1] = this.#range;
-    if (d1 === d0) return r0;
-    return r0 + (v - d0) / (d1 - d0) * (r1 - r0);
-  }
-  invert(pixel) {
-    const [d0, d1] = this.#domain;
-    const [r0, r1] = this.#range;
-    if (r1 === r0) return d0;
-    return d0 + (pixel - r0) / (r1 - r0) * (d1 - d0);
-  }
-  domain() {
-    return [...this.#domain];
-  }
-  range() {
-    return [...this.#range];
-  }
-};
-var TIME_INTERVALS = [
-  { label: "second", ms: 1e3 },
-  { label: "2_seconds", ms: 2e3 },
-  { label: "5_seconds", ms: 5e3 },
-  { label: "10_seconds", ms: 1e4 },
-  { label: "30_seconds", ms: 3e4 },
-  { label: "minute", ms: 6e4 },
-  { label: "5_minutes", ms: 3e5 },
-  { label: "15_minutes", ms: 9e5 },
-  { label: "30_minutes", ms: 18e5 },
-  { label: "hour", ms: 36e5 },
-  { label: "3_hours", ms: 108e5 },
-  { label: "6_hours", ms: 216e5 },
-  { label: "day", ms: 864e5 },
-  { label: "week", ms: 6048e5 },
-  { label: "month", ms: 2592e6 },
-  { label: "3_months", ms: 7776e6 },
-  { label: "6_months", ms: 15552e6 },
-  { label: "year", ms: 31536e6 },
-  { label: "2_years", ms: 63072e6 },
-  { label: "5_years", ms: 15768e7 }
-];
-var TimeScale = class {
-  #linear;
-  #locale;
-  constructor(config) {
-    this.#linear = new LinearScale({
-      domain: config.domain,
-      range: config.range
-    });
-    this.#locale = config.locale || (typeof navigator !== "undefined" ? navigator.language : "en-US");
-  }
-  map(value) {
-    return this.#linear.map(Number(value));
-  }
-  invert(pixel) {
-    return this.#linear.invert(pixel);
-  }
-  domain() {
-    return this.#linear.domain();
-  }
-  range() {
-    return this.#linear.range();
-  }
-  get locale() {
-    return this.#locale;
-  }
-  /**
-   * Pick the "nicest" time interval that yields roughly `targetTicks` ticks
-   * across the visible range. Clamps to minTicks / maxTicks bounds.
-   */
-  tickInterval(targetTicks, minTicks = 3, maxTicks = 12) {
-    const [d0, d1] = this.#linear.domain();
-    const totalMs = d1 - d0;
-    if (totalMs <= 0) return { interval: TIME_INTERVALS[0].ms };
-    const ideal = totalMs / targetTicks;
-    let picked = TIME_INTERVALS[0].ms;
-    for (const t of TIME_INTERVALS) {
-      if (t.ms >= ideal) {
-        picked = t.ms;
-        break;
-      }
-    }
-    let candidate = picked;
-    let count = Math.round(totalMs / candidate);
-    while (count > maxTicks && candidate < TIME_INTERVALS[TIME_INTERVALS.length - 1].ms) {
-      const idx = TIME_INTERVALS.findIndex((t) => t.ms === candidate);
-      candidate = TIME_INTERVALS[Math.min(idx + 1, TIME_INTERVALS.length - 1)].ms;
-      count = Math.round(totalMs / candidate);
-    }
-    while (count < minTicks && candidate > TIME_INTERVALS[0].ms) {
-      const idx = TIME_INTERVALS.findIndex((t) => t.ms === candidate);
-      candidate = TIME_INTERVALS[Math.max(idx - 1, 0)].ms;
-      count = Math.round(totalMs / candidate);
-    }
-    return { interval: candidate };
-  }
-  /**
-   * Generate tick positions (timestamps) across the domain.
-   */
-  ticks(opts) {
-    const minT = opts?.minTicks ?? 5;
-    const maxT = opts?.maxTicks ?? 12;
-    const { interval } = this.tickInterval(
-      (minT + maxT) / 2,
-      minT,
-      maxT
-    );
-    const [d0, d1] = this.#linear.domain();
-    const result = [];
-    const start = Math.ceil(d0 / interval) * interval;
-    for (let t = start; t <= d1; t += interval) {
-      result.push(t);
-    }
-    return result;
-  }
-  /** Format a timestamp using Intl.DateTimeFormat */
-  format(timestamp, formatOpts) {
-    return new Intl.DateTimeFormat(this.#locale, formatOpts).format(
-      new Date(timestamp)
-    );
-  }
-};
-
-// src/interaction/zoom.ts
-var Zoom = class {
-  _config;
-  _state;
-  constructor(initialDomain, config) {
-    this._config = {
-      enabled: config?.enabled ?? true,
-      zoomSpeed: config?.zoomSpeed ?? 0.1,
-      minDomainMs: config?.minDomainMs ?? 0,
-      maxDomainMs: config?.maxDomainMs ?? 365 * 24 * 60 * 60 * 1e3
-    };
-    this._state = {
-      domain: [...initialDomain],
-      originalDomain: [...initialDomain],
-      scale: 1,
-      offset: 0
-    };
-  }
-  get state() {
-    return { ...this._state, domain: [...this._state.domain] };
-  }
-  applyZoom(x, delta, rangeWidth) {
-    if (!this._config.enabled) return;
-    const factor = 1 + Math.sign(delta) * this._config.zoomSpeed;
-    if (factor <= 0) return;
-    const [d0, d1] = this._state.domain;
-    const span = d1 - d0;
-    const ratio = x / rangeWidth;
-    let newSpan = span / factor;
-    const minSpan = this._config.minDomainMs ?? 0;
-    const maxSpan = this._config.maxDomainMs ?? Infinity;
-    if (newSpan < minSpan) newSpan = minSpan;
-    if (newSpan > maxSpan) newSpan = maxSpan;
-    const focalPoint = d0 + span * ratio;
-    let newD0 = focalPoint - newSpan * ratio;
-    let newD1 = focalPoint + newSpan * (1 - ratio);
-    const [orig0, orig1] = this._state.originalDomain;
-    if (newD1 - newD0 > orig1 - orig0) {
-      newD0 = orig0;
-      newD1 = orig1;
-      newSpan = orig1 - orig0;
-    } else {
-      if (newD0 < orig0) {
-        newD1 = orig1 - (orig1 - orig0) * ((newD1 - newD0) / (orig1 - orig0));
-        newD0 = orig0;
-      }
-      if (newD1 > orig1) {
-        newD0 = orig0 + (orig1 - orig0) * ((newD0 - orig0) / (orig1 - orig0));
-        newD1 = orig1;
-      }
-    }
-    this._state.domain = [newD0, newD1];
-    this._state.scale = (d1 - d0) / newSpan;
-  }
-  applyPan(pixelDelta, rangeWidth) {
-    if (!this._config.enabled) return;
-    const [d0, d1] = this._state.domain;
-    const span = d1 - d0;
-    const [orig0, orig1] = this._state.originalDomain;
-    let shift = -(pixelDelta / rangeWidth) * span;
-    let newD0 = d0 + shift;
-    let newD1 = d1 + shift;
-    if (newD0 < orig0) {
-      shift -= newD0 - orig0;
-    }
-    if (newD1 > orig1) {
-      shift -= newD1 - orig1;
-    }
-    this._state.domain = [d0 + shift, d1 + shift];
-  }
-  reset() {
-    this._state.domain = [...this._state.originalDomain];
-    this._state.scale = 1;
-    this._state.offset = 0;
-  }
-  get enabled() {
-    return this._config.enabled ?? true;
-  }
-};
-
-// src/theme/defaults.ts
-var theme = {
-  // ── Tooltip ──
-  /** Tooltip box background */
-  tooltipBg: "#fff",
-  /** Tooltip border */
-  tooltipBorder: "#cbd5e1",
-  /** Tooltip text color */
-  tooltipText: "#1e293b",
-  /** Tooltip snap radius in pixels */
-  tooltipSnapRadius: 20,
-  // ── Minimap ──
-  /** Minimap overview line stroke */
-  minimapStroke: "#94a3b8",
-  /** Minimap background */
-  minimapBg: "#f8f9fa",
-  /** Minimap brush (viewport) fill */
-  minimapBrush: "#3b82f644"};
-
-// src/interaction/minimap.ts
-var Minimap = class {
-  _data;
-  _width;
-  _height;
-  _x;
-  _y;
-  _zoom;
-  _stroke;
-  _bgColor;
-  _brushColor;
-  constructor(config) {
-    this._data = config.data;
-    this._width = config.width;
-    this._height = config.height;
-    this._x = config.x;
-    this._y = config.y;
-    this._zoom = config.zoom;
-    this._stroke = config.stroke ?? theme.minimapStroke;
-    this._bgColor = config.bgColor ?? theme.minimapBg;
-    this._brushColor = config.brushColor ?? theme.minimapBrush;
-  }
-  /** Render minimap as draw commands */
-  render() {
-    if (this._data.length === 0) return [];
-    const commands = [];
-    const times = this._data.map((d) => d.time);
-    const values = this._data.map((d) => d.value).filter((v) => v !== null);
-    const timeDomain = [Math.min(...times), Math.max(...times)];
-    const valueDomain = [Math.min(...values), Math.max(...values)];
-    const timeScale = new TimeScale({
-      domain: timeDomain,
-      range: [0, this._width]
-    });
-    const valueScale = new LinearScale({
-      domain: valueDomain,
-      range: [this._height, 0]
-    });
-    commands.push({
-      type: "rect",
-      x: this._x,
-      y: this._y,
-      w: this._width,
-      h: this._height,
-      fill: this._bgColor
-    });
-    const points = this._data.map((d) => ({
-      x: this._x + timeScale.map(d.time),
-      y: this._y + valueScale.map(d.value)
-    }));
-    commands.push({
-      type: "path",
-      points,
-      smoothing: false,
-      stroke: this._stroke,
-      strokeWidth: 1
-    });
-    if (this._zoom) {
-      const zoomState = this._zoom.state;
-      const brushX0 = this._x + timeScale.map(zoomState.domain[0]);
-      const brushX1 = this._x + timeScale.map(zoomState.domain[1]);
-      const brushW = Math.max(2, brushX1 - brushX0);
-      commands.push({
-        type: "rect",
-        x: brushX0,
-        y: this._y,
-        w: brushW,
-        h: this._height,
-        fill: this._brushColor
-      });
-    }
-    return commands;
-  }
-  /** Convert minimap pixel X to time value (for click-to-navigate) */
-  navigateTo(pixelX) {
-    const times = this._data.map((d) => d.time);
-    const timeDomain = [Math.min(...times), Math.max(...times)];
-    const timeScale = new TimeScale({ domain: timeDomain, range: [0, this._width] });
-    const localX = pixelX - this._x;
-    return timeScale.invert(localX);
-  }
-};
-
-// src/interaction/tooltip.ts
-var Tooltip = class {
-  _mouseX;
-  _mouseY;
-  _timeScale;
-  _valueScale;
-  _data;
-  _xRange;
-  _yRange;
-  _snapRadius;
-  _bgColor;
-  _borderColor;
-  _textColor;
-  constructor(config) {
-    this._mouseX = config.mouseX;
-    this._mouseY = config.mouseY;
-    this._timeScale = config.timeScale;
-    this._valueScale = config.valueScale;
-    this._data = config.data;
-    this._xRange = config.xRange;
-    this._yRange = config.yRange;
-    this._snapRadius = config.snapRadius ?? theme.tooltipSnapRadius;
-    this._bgColor = config.bgColor ?? theme.tooltipBg;
-    this._borderColor = config.borderColor ?? theme.tooltipBorder;
-    this._textColor = config.textColor ?? theme.tooltipText;
-  }
-  /** Compute tooltip visibility and render commands */
-  compute() {
-    this._timeScale.invert(this._mouseX);
-    const sorted = [...this._data].filter((d) => d.value !== null).sort((a, b) => a.time - b.time);
-    let closest;
-    let closestDist = Infinity;
-    for (const dp of sorted) {
-      const px = this._timeScale.map(dp.time);
-      const dist = Math.abs(this._mouseX - px);
-      if (dist < closestDist) {
-        closestDist = dist;
-        closest = dp;
-      }
-    }
-    if (!closest || closestDist > this._snapRadius) {
-      return { visible: false, commands: [] };
-    }
-    const snapX = this._timeScale.map(closest.time);
-    const snapY = this._valueScale.map(closest.value);
-    const commands = [];
-    commands.push({
-      type: "line",
-      x1: snapX,
-      y1: this._yRange[0],
-      x2: snapX,
-      y2: this._yRange[1],
-      stroke: "#94a3b8",
-      strokeWidth: 1
-    });
-    commands.push({
-      type: "line",
-      x1: this._xRange[0],
-      y1: snapY,
-      x2: this._xRange[1],
-      y2: snapY,
-      stroke: "#94a3b8",
-      strokeWidth: 1
-    });
-    commands.push({
-      type: "circle",
-      cx: snapX,
-      cy: snapY,
-      r: 5,
-      fill: "#3b82f6"
-    });
-    const timeLabel = new Date(closest.time).toLocaleString();
-    const valueLabel = closest.value.toFixed(2);
-    const boxW = 120;
-    const boxH = 44;
-    let boxX = snapX + 12;
-    let boxY = snapY - boxH - 4;
-    if (boxX + boxW > this._xRange[1]) {
-      boxX = snapX - boxW - 12;
-    }
-    if (boxY < this._yRange[0]) {
-      boxY = snapY + 12;
-    }
-    commands.push({
-      type: "rect",
-      x: boxX,
-      y: boxY,
-      w: boxW,
-      h: boxH,
-      fill: this._bgColor,
-      stroke: this._borderColor,
-      strokeWidth: 1
-    });
-    commands.push({
-      type: "text",
-      content: timeLabel,
-      x: boxX + 8,
-      y: boxY + 16,
-      fontSize: 10,
-      fill: this._textColor
-    });
-    commands.push({
-      type: "text",
-      content: `Value: ${valueLabel}`,
-      x: boxX + 8,
-      y: boxY + 32,
-      fontSize: 11,
-      fill: "#3b82f6"
-    });
-    return {
-      visible: true,
-      commands,
-      dataPoint: closest,
-      snapX
-    };
-  }
-};
-/*!
+var f=class{#t;#e;constructor(t){this.#t=[...t.domain],this.#e=[...t.range];}map(t){let n=Number(t),[o,i]=this.#t,[a,r]=this.#e;return i===o?a:a+(n-o)/(i-o)*(r-a)}invert(t){let[n,o]=this.#t,[i,a]=this.#e;return a===i?n:n+(t-i)/(a-i)*(o-n)}domain(){return [...this.#t]}range(){return [...this.#e]}},_=[{label:"second",ms:1e3},{label:"2_seconds",ms:2e3},{label:"5_seconds",ms:5e3},{label:"10_seconds",ms:1e4},{label:"30_seconds",ms:3e4},{label:"minute",ms:6e4},{label:"5_minutes",ms:3e5},{label:"15_minutes",ms:9e5},{label:"30_minutes",ms:18e5},{label:"hour",ms:36e5},{label:"3_hours",ms:108e5},{label:"6_hours",ms:216e5},{label:"day",ms:864e5},{label:"week",ms:6048e5},{label:"month",ms:2592e6},{label:"3_months",ms:7776e6},{label:"6_months",ms:15552e6},{label:"year",ms:31536e6},{label:"2_years",ms:63072e6},{label:"5_years",ms:15768e7}],y=class{#t;#e;constructor(t){this.#t=new f({domain:t.domain,range:t.range}),this.#e=t.locale||(typeof navigator<"u"?navigator.language:"en-US");}map(t){return this.#t.map(Number(t))}invert(t){return this.#t.invert(t)}domain(){return this.#t.domain()}range(){return this.#t.range()}get locale(){return this.#e}tickInterval(t,n=3,o=12){let[i,a]=this.#t.domain(),r=a-i;if(r<=0)return {interval:_[0].ms};let s=r/t,m=_[0].ms;for(let u of _)if(u.ms>=s){m=u.ms;break}let e=m,l=Math.round(r/e);for(;l>o&&e<_[_.length-1].ms;){let u=_.findIndex(d=>d.ms===e);e=_[Math.min(u+1,_.length-1)].ms,l=Math.round(r/e);}for(;l<n&&e>_[0].ms;){let u=_.findIndex(d=>d.ms===e);e=_[Math.max(u-1,0)].ms,l=Math.round(r/e);}return {interval:e}}ticks(t){let n=t?.minTicks??5,o=t?.maxTicks??12,{interval:i}=this.tickInterval((n+o)/2,n,o),[a,r]=this.#t.domain(),s=[],m=Math.ceil(a/i)*i;for(let e=m;e<=r;e+=i)s.push(e);return s}format(t,n){return new Intl.DateTimeFormat(this.#e,n).format(new Date(t))}};var S=class{_config;_state;constructor(t,n){this._config={enabled:n?.enabled??true,zoomSpeed:n?.zoomSpeed??.1,minDomainMs:n?.minDomainMs??0,maxDomainMs:n?.maxDomainMs??365*24*60*60*1e3},this._state={domain:[...t],originalDomain:[...t],scale:1,offset:0};}get state(){return {...this._state,domain:[...this._state.domain]}}applyZoom(t,n,o){if(!this._config.enabled)return;let i=1+Math.sign(n)*this._config.zoomSpeed;if(i<=0)return;let[a,r]=this._state.domain,s=r-a,m=t/o,e=s/i,l=this._config.minDomainMs??0,u=this._config.maxDomainMs??1/0;e<l&&(e=l),e>u&&(e=u);let d=a+s*m,b=d-e*m,p=d+e*(1-m),[h,c]=this._state.originalDomain;p-b>c-h?(b=h,p=c,e=c-h):(b<h&&(p=c-(c-h)*((p-b)/(c-h)),b=h),p>c&&(b=h+(c-h)*((b-h)/(c-h)),p=c)),this._state.domain=[b,p],this._state.scale=(r-a)/e;}applyPan(t,n){if(!this._config.enabled)return;let[o,i]=this._state.domain,a=i-o,[r,s]=this._state.originalDomain,m=-(t/n)*a,e=o+m,l=i+m;e<r&&(m-=e-r),l>s&&(m-=l-s),this._state.domain=[o+m,i+m];}reset(){this._state.domain=[...this._state.originalDomain],this._state.scale=1,this._state.offset=0;}get enabled(){return this._config.enabled??true}};var g={tooltipBg:"#fff",tooltipBorder:"#cbd5e1",tooltipText:"#1e293b",tooltipSnapRadius:20,minimapStroke:"#94a3b8",minimapBg:"#f8f9fa",minimapBrush:"#3b82f644"};var C=class{_data;_width;_height;_x;_y;_zoom;_stroke;_bgColor;_brushColor;constructor(t){this._data=t.data,this._width=t.width,this._height=t.height,this._x=t.x,this._y=t.y,this._zoom=t.zoom,this._stroke=t.stroke??g.minimapStroke,this._bgColor=t.bgColor??g.minimapBg,this._brushColor=t.brushColor??g.minimapBrush;}render(){if(this._data.length===0)return [];let t=[],n=this._data.map(e=>e.time),o=this._data.map(e=>e.value).filter(e=>e!==null),i=[Math.min(...n),Math.max(...n)],a=[Math.min(...o),Math.max(...o)],r=new y({domain:i,range:[0,this._width]}),s=new f({domain:a,range:[this._height,0]});t.push({type:"rect",x:this._x,y:this._y,w:this._width,h:this._height,fill:this._bgColor});let m=this._data.map(e=>({x:this._x+r.map(e.time),y:this._y+s.map(e.value)}));if(t.push({type:"path",points:m,smoothing:false,stroke:this._stroke,strokeWidth:1}),this._zoom){let e=this._zoom.state,l=this._x+r.map(e.domain[0]),u=this._x+r.map(e.domain[1]),d=Math.max(2,u-l);t.push({type:"rect",x:l,y:this._y,w:d,h:this._height,fill:this._brushColor});}return t}navigateTo(t){let n=this._data.map(r=>r.time),o=[Math.min(...n),Math.max(...n)],i=new y({domain:o,range:[0,this._width]}),a=t-this._x;return i.invert(a)}};var v=class{_mouseX;_mouseY;_timeScale;_valueScale;_data;_xRange;_yRange;_snapRadius;_bgColor;_borderColor;_textColor;constructor(t){this._mouseX=t.mouseX,this._mouseY=t.mouseY,this._timeScale=t.timeScale,this._valueScale=t.valueScale,this._data=t.data,this._xRange=t.xRange,this._yRange=t.yRange,this._snapRadius=t.snapRadius??g.tooltipSnapRadius,this._bgColor=t.bgColor??g.tooltipBg,this._borderColor=t.borderColor??g.tooltipBorder,this._textColor=t.textColor??g.tooltipText;}compute(){this._timeScale.invert(this._mouseX);let n=[...this._data].filter(p=>p.value!==null).sort((p,h)=>p.time-h.time),o,i=1/0;for(let p of n){let h=this._timeScale.map(p.time),c=Math.abs(this._mouseX-h);c<i&&(i=c,o=p);}if(!o||i>this._snapRadius)return {visible:false,commands:[]};let a=this._timeScale.map(o.time),r=this._valueScale.map(o.value),s=[];s.push({type:"line",x1:a,y1:this._yRange[0],x2:a,y2:this._yRange[1],stroke:"#94a3b8",strokeWidth:1}),s.push({type:"line",x1:this._xRange[0],y1:r,x2:this._xRange[1],y2:r,stroke:"#94a3b8",strokeWidth:1}),s.push({type:"circle",cx:a,cy:r,r:5,fill:"#3b82f6"});let m=new Date(o.time).toLocaleString(),e=o.value.toFixed(2),l=120,u=44,d=a+12,b=r-u-4;return d+l>this._xRange[1]&&(d=a-l-12),b<this._yRange[0]&&(b=r+12),s.push({type:"rect",x:d,y:b,w:l,h:u,fill:this._bgColor,stroke:this._borderColor,strokeWidth:1}),s.push({type:"text",content:m,x:d+8,y:b+16,fontSize:10,fill:this._textColor}),s.push({type:"text",content:`Value: ${e}`,x:d+8,y:b+32,fontSize:11,fill:"#3b82f6"}),{visible:true,commands:s,dataPoint:o,snapX:a}}};/*!
  * MLTimeGraph — Copyright (c) 2026 Michael Lechner
  * MIT with Attribution: free use incl. commercial requires visible credit to
  * "Michael Lechner". Commercial license (no attribution) on request. See LICENSE.
- */
-
-export { Minimap, Tooltip, Zoom };
+ */export{C as Minimap,v as Tooltip,S as Zoom};

package/dist/internals.d.ts

@@ -1,7 +1,7 @@
-import { M as Marker } from './layout-Sc5UkC0r.js';
-export { L as Layout, a as LayoutConfig, b as LayoutResult, c as LegendConfig, d as LegendItem, e as LegendOrientation, f as Renderer, m as measureLegend, r as renderLegend, t as theme } from './layout-Sc5UkC0r.js';
-import { A as AggregatedPoint, ae as TimeScale, W as LinearScale, $ as PointStyleType, p as DrawCommand, l as DataPoint, ab as Threshold, J as Gap, P as HatchVariant, Q as Highlight, e as Annotation, E as EnumMap, B as BandScale, _ as Point, g as AnnotationBandItem, V as LineVariant, H as FillSpec, N as GapStyle, ag as TimeSeries } from './scale-Cbr0KpPz.js';
-export { i as AxisOrientation, j as AxisPosition, k as BandScaleConfig, C as CircleParams, D as Dashstyle_t, n as DomainScaleConfig, o as DrawCircle, q as DrawGap, r as DrawGapType_t, s as DrawGradient, t as DrawGroup, u as DrawLine, v as DrawPath, w as DrawRect, x as DrawText, R as LabelAnchor, T as LineParams, X as LinearScaleConfig, Z as PathParams, a0 as RectParams, a1 as Scale, a2 as ScaleConfig, a9 as TIME_INTERVALS, aa as TextParams, af as TimeScaleConfig, ah as getHatch } from './scale-Cbr0KpPz.js';
+import { M as Marker } from './layout-BOYtrsZa.js';
+export { L as Layout, a as LayoutConfig, b as LayoutResult, c as LegendConfig, d as LegendItem, e as LegendOrientation, f as Renderer, m as measureLegend, r as renderLegend, t as theme } from './layout-BOYtrsZa.js';
+import { A as AggregatedPoint, ad as TimeScale, V as LinearScale, _ as PointStyleType, o as DrawCommand, k as DataPoint, aa as Threshold, I as Gap, O as HatchVariant, P as Highlight, d as Annotation, E as EnumMap, B as BandScale, Z as Point, f as AnnotationBandItem, U as LineVariant, G as FillSpec, M as GapStyle, af as TimeSeries } from './scale-BRE_QhbZ.js';
+export { h as AxisOrientation, i as AxisPosition, j as BandScaleConfig, C as CircleParams, D as Dashstyle_t, m as DomainScaleConfig, n as DrawCircle, p as DrawGap, q as DrawGapType_t, r as DrawGradient, s as DrawGroup, t as DrawLine, u as DrawPath, v as DrawRect, w as DrawText, Q as LabelAnchor, S as LineParams, W as LinearScaleConfig, Y as PathParams, $ as RectParams, a0 as Scale, a1 as ScaleConfig, a8 as TIME_INTERVALS, a9 as TextParams, ae as TimeScaleConfig, ag as getHatch } from './scale-BRE_QhbZ.js';
 
 /*!
  * MLTimeGraph — Copyright (c) 2026 Michael Lechner
@@ -129,7 +129,7 @@ interface ThresholdRenderConfig {
     /** Pixel X range of the chart area. */
     xRange: [number, number];
 }
-/** Render named thresholds as horizontal lines, half-plane fills, and labels. */
+/** Flat-list variant: lines / fills / labels in one array (legacy callers). */
 declare function renderThresholds(config: ThresholdRenderConfig): DrawCommand[];
 
 /*!
@@ -229,6 +229,12 @@ interface AnnotationRenderConfig {
 /**
  * Render free-form annotations (arrow, line, rect, point, label) given in
  * data coordinates by projecting each point to pixels via the chart's scales.
+ *
+ * Each annotation that has an `id` is wrapped in a `<g class="annotation
+ * annotation--{slug}">` group, so external code (toggle panels, custom
+ * legends, CSS) can target it by class. The chart container's own id
+ * scopes the selector (`#chart-3 .annotation--door-defekt`) — that way the
+ * same annotation can appear across multiple charts without id collisions.
  */
 declare function renderAnnotations(config: AnnotationRenderConfig): DrawCommand[];
 
@@ -347,6 +353,15 @@ interface ValueAxisConfig {
     /** Position for vertical orientation */
     position?: "left" | "right";
     colors?: AxisColorspec;
+    /**
+     * Pixel positions (Y for vertical, X for horizontal) where a tick LABEL
+     * should be suppressed. Used to avoid colliding with threshold gutter
+     * labels (e.g. "Min 2,0 °C") that already sit at the same Y as a
+     * tick would. The tick MARK itself is kept; only the text is dropped.
+     */
+    suppressLabelsNear?: number[];
+    /** Pixel tolerance for `suppressLabelsNear`. Default 8. */
+    suppressTolerancePx?: number;
 }
 /** Tick information for value axis with computed positions and formatted labels. */
 interface ValueTickInfo {