@oicl/openbridge-webcomponents 2.0.0-next.94 → 2.0.0-next.96

package/dist/building-blocks/chart-line/chart-line-base.d.ts

@@ -1,6 +1,8 @@
 import { LitElement, PropertyValues } from 'lit';
 import { ChartOptions, ChartDataset } from 'chart.js';
 import { InstrumentState, FrameStyle, BorderRadiusPosition, Priority } from '../../navigation-instruments/types.js';
+import { XValueMode } from '../../charthelpers/index.js';
+import { ChartXValue } from '../../charthelpers/x-value.js';
 /**
  * Dimension information reported by external scale components.
  * Dispatched via 'scale-dimensions-changed' event from slotted scale elements.
@@ -11,9 +13,11 @@ export interface ExternalScaleDimensions {
     /** Natural thickness in pixels (width for vertical, height for horizontal) */
     thickness: number;
 }
+export type { ChartXValue, TemporalLike } from '../../charthelpers/x-value.js';
 export declare enum XAxisType {
     category = "category",
-    time = "time"
+    time = "time",
+    number = "number"
 }
 export declare enum YAxisPosition {
     left = "left",
@@ -28,8 +32,19 @@ export declare enum TimeDisplay {
     minutes = "minutes",
     date = "date"
 }
+export type ChartLinePoint = number | {
+    x: ChartXValue;
+    y: number;
+};
 export type ChartLineDataItem = {
-    label: string;
+    /** Category label. Used when `xAxisType='category'` (the default). */
+    label?: string;
+    /**
+     * X-coordinate for `xAxisType='time'` (epoch ms, ISO string, Date, or
+     * Temporal object) or `xAxisType='number'` (plain number). When absent,
+     * `label` is parsed as a fallback.
+     */
+    x?: ChartXValue;
     value: number;
 };
 export type ChartLineYAxisConfig = {
@@ -44,7 +59,9 @@ export type ChartLineYAxisConfig = {
  *
  * ## Features
  * - **Single or multi-series**: Use `data` for simple single-series or `datasets` for multi-series charts
- * - **Time and category axes**: Supports `category` x-axis (labels) and `time` x-axis (ISO dates or timestamps)
+ * - **Category, time and number axes**: `category` (labels, evenly spaced), `time` (epoch ms,
+ *   ISO strings, `Date` or Temporal objects — positioned proportionally, so uneven intervals
+ *   render unevenly) and `number` (plain numeric x-values on a linear scale)
  * - **Line styles**: Choose `smooth` (curved), `straight`, or `stepped` line rendering
  * - **Fill modes**: Area fills with `semitransparent`, `solid`, or `threshold` (red/blue above/below midpoint)
  * - **Stacked charts**: Enable `stacked` for multi-series datasets to stack values on y-axis
@@ -93,6 +110,36 @@ export type ChartLineYAxisConfig = {
  * </script>
  * ```
  *
+ * Single-series with time axis (uneven intervals position proportionally;
+ * x accepts epoch ms, ISO strings, Date or Temporal objects):
+ * ```html
+ * <obc-line-graph></obc-line-graph>
+ * <script>
+ *   const chart = document.querySelector('obc-line-graph');
+ *   chart.xAxisType = 'time';
+ *   chart.timeDisplay = 'minutes';
+ *   chart.data = [
+ *     {x: '2026-07-06T10:00:00Z', value: 10},
+ *     {x: new Date('2026-07-06T10:03:00Z'), value: 14},
+ *     {x: Temporal.Instant.from('2026-07-06T10:15:00Z'), value: 12}
+ *   ];
+ * </script>
+ * ```
+ *
+ * Single-series with numeric x-axis:
+ * ```html
+ * <obc-line-graph></obc-line-graph>
+ * <script>
+ *   const chart = document.querySelector('obc-line-graph');
+ *   chart.xAxisType = 'number';
+ *   chart.data = [
+ *     {x: 0, value: 2},
+ *     {x: 2.5, value: 3},
+ *     {x: 10, value: 6}
+ *   ];
+ * </script>
+ * ```
+ *
  * Stacked area chart with solid fill:
  * ```html
  * <obc-line-graph></obc-line-graph>
@@ -137,12 +184,12 @@ export type ChartLineYAxisConfig = {
  * </script>
  * ```
  *
- * @property {Array<{label: string, value: number}>} data - Single-series data array. Each object must have `label` (string) and `value` (number). Used when `datasets` is not provided.
- * @property {ChartDataset<'line', (number | {x: string|number|Date; y: number})[]>[]} datasets - Multi-series Chart.js datasets. Takes precedence over `data`. Each dataset can have `label`, `data` (numeric array or `{x, y}` points), and visual properties like `borderColor`, `backgroundColor`, `fill`, etc.
+ * @property {Array<{label?: string, x?: number|string|Date|TemporalLike, value: number}>} data - Single-series data array. In `category` mode each item needs `label`; in `time`/`number` mode each item needs `x` (epoch ms, ISO string, Date, or Temporal object — `label` is parsed as a fallback). Used when `datasets` is not provided. Points are drawn in array order (no sorting); Temporal Plain* values are interpreted in the system time zone.
+ * @property {ChartDataset<'line', (number | {x: number|string|Date|TemporalLike; y: number})[]>[]} datasets - Multi-series Chart.js datasets. Takes precedence over `data`. Each dataset can have `label`, `data` (numeric array or `{x, y}` points), and visual properties like `borderColor`, `backgroundColor`, `fill`, etc. In `time`/`number` mode point x-values are normalized like single-series `x`.
  * @property {(string|number)[]} labels - Explicit labels for category x-axis. If omitted, labels are derived from `data` property or dataset x-values.
  * @property {string[]} colors - Custom color palette (CSS variable names or color strings). Falls back to theme default colors if not provided.
- * @property {'category'|'time'} xAxisType - X-axis mode. `'category'` for labeled data points, `'time'` for time-based data (ISO strings or timestamps). Default: `'category'`.
- * @property {'minutes'|'date'} timeDisplay - Time axis label format when `xAxisType='time'`. `'date'` shows full date/time, `'minutes'` shows minutes relative to first data point. Default: `'date'`.
+ * @property {'category'|'time'|'number'} xAxisType - X-axis mode. `'category'` for labeled, evenly spaced data points; `'time'` for time-based data positioned proportionally (numbers are always epoch ms — `xStepSize`/`xTicksLimit` operate in ms); `'number'` for plain numeric x-values. Default: `'category'`.
+ * @property {'minutes'|'date'} timeDisplay - Time axis label format when `xAxisType='time'`. `'date'` shows a locale date, `'minutes'` shows minutes relative to the latest data point. Default: `'date'`.
  * @property {'left'|'right'} yAxisPosition - Single y-axis position. Use this for simple charts with one y-axis. For multiple y-axes, use `yAxes` property instead. Default: `'left'`.
  * @property {Array<{id?: string; position?: 'left'|'right'; min?: number; max?: number; grid?: boolean}>} yAxes - Multiple y-axis definitions for complex charts. Each axis can specify `id` (referenced by dataset `yAxisID`), `position`, `min`/`max` range, and `grid` visibility.
  * @property {boolean} showGrid - Show vertical grid lines (x-axis). When combined with `showGridX` and `showGridY`, controls full grid visibility. Default: `false`.
@@ -167,13 +214,14 @@ export type ChartLineYAxisConfig = {
  * @experimental
  */
 export declare class ObcChartLineBase extends LitElement {
-    /** Simple single-series data (array of {label, value}). */
+    /**
+     * Simple single-series data. `{label, value}` items for the category axis;
+     * `{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+     * or Temporal object). Points are drawn in array order (no sorting).
+     */
     data: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
-    datasets?: ChartDataset<'line', (number | {
-        x: string | number | Date;
-        y: number;
-    })[]>[];
+    datasets?: ChartDataset<'line', ChartLinePoint[]>[];
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[];
     /** Custom color palette (CSS variable names or color strings). */
@@ -200,7 +248,11 @@ export declare class ObcChartLineBase extends LitElement {
      * Default: 384 (matches Figma design baseline).
      */
     scaleReferenceSize: number;
-    /** X-axis mode: 'category' for labeled data points, 'time' for time-based data. */
+    /**
+     * X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+     * for time-based data positioned proportionally; 'number' for plain
+     * numeric x-values.
+     */
     xAxisType: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition: YAxisPosition;
@@ -238,6 +290,14 @@ export declare class ObcChartLineBase extends LitElement {
      * because a `true`-default boolean cannot work as an HTML boolean attribute.
      */
     hasLabelPadding: boolean;
+    /** @internal - True when the x-axis positions points by numeric value. */
+    protected get isNumericXAxis(): boolean;
+    /** @internal - Normalization mode for the current x-axis type. */
+    protected get xValueMode(): XValueMode;
+    /** @internal - Last data/datasets reference already warned about. */
+    private lastWarnedXSource?;
+    /** @internal - Warn once per data assignment about unparseable x-values. */
+    private warnOnInvalidX;
     private readonly DEFAULT_TENSION;
     private readonly POINT_RADIUS;
     /** Show point markers on data points. Default: false. */
@@ -463,34 +523,36 @@ export declare class ObcChartLineBase extends LitElement {
      * @param totalCount - Total number of datasets (used for stacked divider logic)
      * @returns Fully configured Chart.js dataset
      */
-    protected buildDataset(data: number[] | ChartDataset<'line', (number | {
-        x: string | number | Date;
+    protected buildDataset(data: number[] | {
+        x: number;
         y: number;
-    })[]>, index: number, chartColors: string[], totalCount?: number): ChartDataset<'line', number[] | (number | {
-        x: string | number | Date;
-        y: number;
-    })[]>;
+    }[] | ChartDataset<'line', ChartLinePoint[]>, index: number, chartColors: string[], totalCount?: number): ChartDataset<'line', ChartLinePoint[]>;
     /**
-     * Create threshold mode datasets: invisible baseline + main dataset with above/below fills
+     * Create threshold mode datasets: invisible baseline + main dataset with
+     * above/below fills. Accepts plain values (category mode) or {x, y} points
+     * (time/number mode); the baseline mirrors the input x-positions.
      */
-    protected createThresholdDatasets(values: number[], chartColors: string[]): ChartDataset<'line', number[]>[];
+    protected createThresholdDatasets(values: number[] | {
+        x: number;
+        y: number;
+    }[], chartColors: string[]): ChartDataset<'line', ChartLinePoint[]>[];
     /**
-     * Prepare normalized datasets for multi-series charts
+     * Prepare normalized datasets for multi-series charts.
+     * In time/number mode every point's x is normalized (epoch ms / number)
+     * so strings, Dates and Temporal objects position correctly.
      */
-    protected prepareMultiSeriesDatasets(): ChartDataset<"line", number[] | (number | {
-        x: string | number | Date;
-        y: number;
-    })[]>[];
+    protected prepareMultiSeriesDatasets(): ChartDataset<"line", ChartLinePoint[]>[];
+    /** @internal - Return a copy of the dataset with normalized point x-values. */
+    private normalizeDatasetX;
     /**
-     * Prepare datasets for single-series charts
-     * Handles both regular and threshold fill modes
+     * Prepare datasets for single-series charts.
+     * Category mode: labels + numeric values (unchanged legacy path).
+     * Time/number mode: normalized {x, y} points on a linear scale.
+     * Handles both regular and threshold fill modes.
      */
     protected prepareSingleSeriesDatasets(): {
-        datasets: ChartDataset<"line", number[] | (number | {
-            x: string | number | Date;
-            y: number;
-        })[]>[];
-        labels: string[];
+        datasets: ChartDataset<"line", ChartLinePoint[]>[];
+        labels: (string | number)[];
     };
     /**
      * Get Chart.js options with dynamic sizing and padding

package/dist/building-blocks/chart-line/chart-line-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-line-base.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/chart-line/chart-line-base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-line-base.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/chart-line/chart-line-base.ts"],"names":[],"mappings":"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"}

package/dist/building-blocks/chart-line/chart-line-base.js

@@ -12,6 +12,7 @@ import { observeThemeChanges } from "../../charthelpers/theme.js";
 import { formatNumericValue } from "../../charthelpers/canvas-layout.js";
 import { getChartTooltipOptions } from "../../charthelpers/tooltip.js";
 import { generateLegendHTML } from "../../charthelpers/legend.js";
+import { XValueMode, normalizeXValue, formatXValue } from "../../charthelpers/x-value.js";
 import { readExternalScaleBorderRadiusPx, ScaleType, startExternalScaleBorderRadiusObserver, EXTERNAL_SCALE_BORDER_RADIUS_CSS_VAR } from "../external-scale/external-scale.js";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -36,6 +37,7 @@ Chart.register(
 var XAxisType = /* @__PURE__ */ ((XAxisType2) => {
   XAxisType2["category"] = "category";
   XAxisType2["time"] = "time";
+  XAxisType2["number"] = "number";
   return XAxisType2;
 })(XAxisType || {});
 var YAxisPosition = /* @__PURE__ */ ((YAxisPosition2) => {
@@ -178,6 +180,23 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
       }, 16);
     };
   }
+  /** @internal - True when the x-axis positions points by numeric value. */
+  get isNumericXAxis() {
+    return this.xAxisType === "time" || this.xAxisType === "number";
+  }
+  /** @internal - Normalization mode for the current x-axis type. */
+  get xValueMode() {
+    return this.xAxisType === "number" ? XValueMode.number : XValueMode.time;
+  }
+  /** @internal - Warn once per data assignment about unparseable x-values. */
+  warnOnInvalidX(xValues, sourceRef) {
+    const invalid = xValues.filter((x) => !Number.isFinite(x)).length;
+    if (invalid === 0 || this.lastWarnedXSource === sourceRef) return;
+    this.lastWarnedXSource = sourceRef;
+    console.warn(
+      `[obc-chart] ${invalid} x value(s) could not be parsed for xAxisType='${this.xAxisType}'; the points render as gaps.`
+    );
+  }
   /**
    * Should fill be applied to this chart?
    * Line graph returns false, area graph returns true.
@@ -1014,8 +1033,8 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
    */
   buildDataset(data, index, chartColors, totalCount = 1) {
     const currentColor = chartColors[index % chartColors.length];
-    const existingDataset = "data" in data ? data : null;
-    const values = existingDataset ? null : data;
+    const existingDataset = Array.isArray(data) ? null : data;
+    const values = Array.isArray(data) ? data : null;
     const borderColor = existingDataset?.borderColor ?? currentColor;
     const fillFlag = existingDataset?.fill ?? this.shouldApplyFill();
     const tension = this.lineMode === "smooth" ? this.DEFAULT_TENSION : 0;
@@ -1063,14 +1082,18 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
     return result;
   }
   /**
-   * Create threshold mode datasets: invisible baseline + main dataset with above/below fills
+   * Create threshold mode datasets: invisible baseline + main dataset with
+   * above/below fills. Accepts plain values (category mode) or {x, y} points
+   * (time/number mode); the baseline mirrors the input x-positions.
    */
   createThresholdDatasets(values, chartColors) {
-    const numericValues = values.map((v) => Number(v)).filter((n) => Number.isFinite(n));
-    const minV = numericValues.length ? Math.min(...numericValues) : 0;
-    const maxV = numericValues.length ? Math.max(...numericValues) : 100;
+    const yValues = values.map((v) => typeof v === "number" ? v : v.y).filter((n) => Number.isFinite(n));
+    const minV = yValues.length ? Math.min(...yValues) : 0;
+    const maxV = yValues.length ? Math.max(...yValues) : 100;
     const threshold = (minV + maxV) / 2;
-    const baselineData = numericValues.map(() => threshold);
+    const baselineData = values.map(
+      (v) => typeof v === "number" ? threshold : { x: v.x, y: threshold }
+    );
     const lowRaw = LINE_GRAPH_GRID_CONFIG.thresholdLowColorVar;
     const highRaw = LINE_GRAPH_GRID_CONFIG.thresholdHighColorVar;
     const highFill = applyAlphaToColor(this, highRaw, 0.35);
@@ -1096,7 +1119,9 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
     return [baselineDataset, main];
   }
   /**
-   * Prepare normalized datasets for multi-series charts
+   * Prepare normalized datasets for multi-series charts.
+   * In time/number mode every point's x is normalized (epoch ms / number)
+   * so strings, Dates and Temporal objects position correctly.
    */
   prepareMultiSeriesDatasets() {
     const defaultPalette = this.priority === Priority.enhanced ? CHART_SECTOR_ENHANCED_COLORS : CHART_SECTOR_DEFAULT_COLORS;
@@ -1105,18 +1130,37 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
       this.colors,
       defaultPalette
     );
+    const normalized = this.datasets.map((ds) => this.normalizeDatasetX(ds));
+    if (this.isNumericXAxis) {
+      this.warnOnInvalidX(
+        normalized.flatMap(
+          (ds) => (ds.data ?? []).map(
+            (pt) => pt && typeof pt === "object" ? pt.x : 0
+          )
+        ),
+        this.datasets
+      );
+    }
     const totalCount = this.datasets.length;
-    return this.datasets.map(
+    return normalized.map(
       (ds, i) => this.buildDataset(ds, i, chartColors, totalCount)
     );
   }
+  /** @internal - Return a copy of the dataset with normalized point x-values. */
+  normalizeDatasetX(ds) {
+    if (!this.isNumericXAxis || !ds.data) return ds;
+    const data = ds.data.map(
+      (pt) => pt && typeof pt === "object" && "x" in pt ? { ...pt, x: normalizeXValue(pt.x, this.xValueMode) } : pt
+    );
+    return { ...ds, data };
+  }
   /**
-   * Prepare datasets for single-series charts
-   * Handles both regular and threshold fill modes
+   * Prepare datasets for single-series charts.
+   * Category mode: labels + numeric values (unchanged legacy path).
+   * Time/number mode: normalized {x, y} points on a linear scale.
+   * Handles both regular and threshold fill modes.
    */
   prepareSingleSeriesDatasets() {
-    const values = this.data.map((d) => d.value);
-    const labels = this.data.map((d) => d.label);
     const defaultPalette = this.priority === Priority.enhanced ? CHART_SECTOR_ENHANCED_COLORS : CHART_SECTOR_DEFAULT_COLORS;
     const chartColors = getChartColorsOrDefault(
       this,
@@ -1125,6 +1169,20 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
     );
     const fill = this.shouldApplyFill();
     const fillMode = this.getFillMode();
+    if (this.isNumericXAxis) {
+      const points = this.data.map((d) => ({
+        x: normalizeXValue(d.x ?? d.label ?? NaN, this.xValueMode),
+        y: d.value
+      }));
+      this.warnOnInvalidX(
+        points.map((p) => p.x),
+        this.data
+      );
+      const datasets2 = fill && fillMode === "threshold" ? this.createThresholdDatasets(points, chartColors) : [this.buildDataset(points, 0, chartColors)];
+      return { datasets: datasets2, labels: [] };
+    }
+    const values = this.data.map((d) => d.value);
+    const labels = this.data.map((d) => d.label ?? String(d.x ?? ""));
     const datasets = fill && fillMode === "threshold" ? this.createThresholdDatasets(values, chartColors) : [this.buildDataset(values, 0, chartColors)];
     return { datasets, labels };
   }
@@ -1189,10 +1247,15 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
           callbacks: {
             title: () => "",
             label: (context) => {
-              const label = context.label ?? "";
               const value = typeof context.parsed === "object" && context.parsed !== null ? context.parsed.y : context.parsed;
               const numericValue = formatNumericValue(value, 1, false, 0);
               const unit = this.unit ? `${this.unit}` : "";
+              let label = context.label ?? "";
+              if (this.isNumericXAxis) {
+                const x = typeof context.parsed === "object" && context.parsed !== null ? context.parsed.x : NaN;
+                const relativeTo = this.timeDisplay === "minutes" ? refTs : void 0;
+                label = formatXValue(x, this.xValueMode, relativeTo);
+              }
               return `${label} ${numericValue}${unit}`;
             }
           }
@@ -1207,18 +1270,23 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
    * Returns earliest timestamp for 'date' mode, latest for 'minutes' mode.
    */
   computeTimeReference() {
+    if (this.xAxisType !== "time") return void 0;
     const timestamps = [];
     if (this.datasets?.length) {
       this.datasets.forEach((ds) => {
         if (!ds.data) return;
         ds.data.forEach((pt) => {
           if (pt && typeof pt === "object" && "x" in pt) {
-            const xVal = pt.x;
-            const ts = typeof xVal === "string" ? new Date(String(xVal)).getTime() : Number(xVal);
+            const ts = normalizeXValue(pt.x, XValueMode.time);
             if (Number.isFinite(ts)) timestamps.push(ts);
           }
         });
       });
+    } else if (this.data?.length) {
+      this.data.forEach((d) => {
+        const ts = normalizeXValue(d.x ?? d.label ?? NaN, XValueMode.time);
+        if (Number.isFinite(ts)) timestamps.push(ts);
+      });
     }
     if (!timestamps.length && this.labels?.length) {
       this.labels.forEach((l) => {
@@ -1268,7 +1336,7 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
     const showTicks = showTickMarks && !isTooSmall && this.hasLabelPadding;
     const fontConfig = { family: fontFamily, size: fontSize, weight: fontWeight };
     const x = {
-      type: this.xAxisType === "time" ? "linear" : "category",
+      type: this.xAxisType === "category" ? "category" : "linear",
       offset: false,
       // Always edge-to-edge (no padding on x-axis)
       grace: 0,
@@ -1292,14 +1360,11 @@ const _ObcChartLineBase = class _ObcChartLineBase extends LitElement {
         maxTicksLimit: this.xTicksLimit,
         stepSize: this.xStepSize,
         callback: (value) => {
-          if (this.xAxisType !== "time") return String(value);
+          if (!this.isNumericXAxis) return String(value);
           const n = Number(value);
           if (!Number.isFinite(n)) return String(value);
-          if (this.timeDisplay === "minutes" && minX !== void 0 && Number.isFinite(minX)) {
-            const minutes = Math.round((n - minX) / 6e4);
-            return `${minutes}min`;
-          }
-          return new Date(n).toLocaleDateString();
+          const relativeTo = this.timeDisplay === "minutes" ? minX : void 0;
+          return formatXValue(n, this.xValueMode, relativeTo);
         }
       },
       border: {