@oicl/openbridge-webcomponents-svelte 2.0.0-next.157 → 2.0.0-next.158

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte

@@ -1,13 +1,11 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-export type {ChartDataset} from 'chart.js';
+    export type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import { setProperties } from "../../util.js";
-      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type {ChartDataset} from 'chart.js';
+      import type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import type { Snippet } from 'svelte';
@@ -17,8 +15,8 @@ import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs
      style?: string;
      /** 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", ChartLinePoint[]>[] | undefined;
+     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+     datasets?: ChartLineDataset[] | undefined;
      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
      labels?: (string | number)[] | undefined;
      /** Custom color palette (CSS variable names or color strings). */
@@ -39,7 +37,7 @@ import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs
      xAxisType?: XAxisType;
      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
      yAxisPosition?: YAxisPosition;
-     /** Multiple y-axis definitions for complex multi-axis charts. */
+     /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
      yAxes?: ChartLineYAxisConfig[] | undefined;
      /**
       * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -47,6 +45,10 @@ import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs
       * Available when `xAxisType!=category`.
       */
      xAxis?: ChartLineXAxisConfig | undefined;
+     /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+     xMarker?: ChartLineXMarker | undefined;
+     /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+     yMarker?: ChartLineYMarker | undefined;
      /** Show grid lines. */
      showGrid?: boolean;
      /**

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
-import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartDataset } from 'chart.js';
+import type { ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { AreaFillMode } from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
 import type { Snippet } from 'svelte';
@@ -9,8 +8,8 @@ export interface Props {
     style?: string;
     /** 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", ChartLinePoint[]>[] | undefined;
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+    datasets?: ChartLineDataset[] | undefined;
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[] | undefined;
     /** Custom color palette (CSS variable names or color strings). */
@@ -31,7 +30,7 @@ export interface Props {
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
-    /** Multiple y-axis definitions for complex multi-axis charts. */
+    /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
     yAxes?: ChartLineYAxisConfig[] | undefined;
     /**
      * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -39,6 +38,10 @@ export interface Props {
      * Available when `xAxisType!=category`.
      */
     xAxis?: ChartLineXAxisConfig | undefined;
+    /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+    xMarker?: ChartLineXMarker | undefined;
+    /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+    yMarker?: ChartLineYMarker | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /**
@@ -131,15 +134,16 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAreaGraph: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
-    ChartLinePoint: typeof ChartLinePoint;
+    ChartLineDataset: typeof ChartLineDataset;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
+    ChartLineXMarker: typeof ChartLineXMarker;
+    ChartLineYMarker: typeof ChartLineYMarker;
     RangeLabels: typeof RangeLabels;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
-    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/bars-graphs/line-graph/ObcLineGraph.svelte

@@ -1,12 +1,10 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-export type {ChartDataset} from 'chart.js';
+    export type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/line-graph/line-graph.js';
       import { setProperties } from "../../util.js";
-      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type {ChartDataset} from 'chart.js';
+      import type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
@@ -15,8 +13,8 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      style?: string;
      /** 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", ChartLinePoint[]>[] | undefined;
+     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+     datasets?: ChartLineDataset[] | undefined;
      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
      labels?: (string | number)[] | undefined;
      /** Custom color palette (CSS variable names or color strings). */
@@ -37,7 +35,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      xAxisType?: XAxisType;
      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
      yAxisPosition?: YAxisPosition;
-     /** Multiple y-axis definitions for complex multi-axis charts. */
+     /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
      yAxes?: ChartLineYAxisConfig[] | undefined;
      /**
       * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -45,6 +43,10 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
       * Available when `xAxisType!=category`.
       */
      xAxis?: ChartLineXAxisConfig | undefined;
+     /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+     xMarker?: ChartLineXMarker | undefined;
+     /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+     yMarker?: ChartLineYMarker | undefined;
      /** Show grid lines. */
      showGrid?: boolean;
      /**

package/dist/bars-graphs/line-graph/ObcLineGraph.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/line-graph/line-graph.js';
-import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartDataset } from 'chart.js';
+import type { ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -8,8 +7,8 @@ export interface Props {
     style?: string;
     /** 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", ChartLinePoint[]>[] | undefined;
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+    datasets?: ChartLineDataset[] | undefined;
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[] | undefined;
     /** Custom color palette (CSS variable names or color strings). */
@@ -30,7 +29,7 @@ export interface Props {
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
-    /** Multiple y-axis definitions for complex multi-axis charts. */
+    /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
     yAxes?: ChartLineYAxisConfig[] | undefined;
     /**
      * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -38,6 +37,10 @@ export interface Props {
      * Available when `xAxisType!=category`.
      */
     xAxis?: ChartLineXAxisConfig | undefined;
+    /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+    xMarker?: ChartLineXMarker | undefined;
+    /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+    yMarker?: ChartLineYMarker | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /**
@@ -123,15 +126,16 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcLineGraph: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
-    ChartLinePoint: typeof ChartLinePoint;
+    ChartLineDataset: typeof ChartLineDataset;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
+    ChartLineXMarker: typeof ChartLineXMarker;
+    ChartLineYMarker: typeof ChartLineYMarker;
     RangeLabels: typeof RangeLabels;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
-    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -38,6 +38,8 @@ animateSetpoint?: boolean;
      minValue?: number;
      /** Maximum scale value (manual mode) */
      maxValue?: number;
+     /** Plot `minValue` at the right so values grow leftward. */
+     reverse?: boolean;
      /**
       * Total width in pixels (including padding bands)
       *

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts

@@ -31,6 +31,8 @@ regardless of instrument state. */
     minValue?: number;
     /** Maximum scale value (manual mode) */
     maxValue?: number;
+    /** Plot `minValue` at the right so values grow leftward. */
+    reverse?: boolean;
     /**
      * Total width in pixels (including padding bands)
      *

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -38,6 +38,8 @@ animateSetpoint?: boolean;
      minValue?: number;
      /** Maximum scale value (manual mode) */
      maxValue?: number;
+     /** Plot `minValue` at the top so values grow downward. */
+     reverse?: boolean;
      /** Total height in pixels (including padding bands) */
      height?: number;
      /** Padding above the drawing area */

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts

@@ -31,6 +31,8 @@ regardless of instrument state. */
     minValue?: number;
     /** Maximum scale value (manual mode) */
     maxValue?: number;
+    /** Plot `minValue` at the top so values grow downward. */
+    reverse?: boolean;
     /** Total height in pixels (including padding bands) */
     height?: number;
     /** Padding above the drawing area */

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte

@@ -1,12 +1,10 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-export type {ChartDataset} from 'chart.js';
+    export type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
       import { setProperties } from "../../util.js";
-      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type {ChartDataset} from 'chart.js';
+      import type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
@@ -15,8 +13,8 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      style?: string;
      /** 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", ChartLinePoint[]>[] | undefined;
+     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+     datasets?: ChartLineDataset[] | undefined;
      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
      labels?: (string | number)[] | undefined;
      /** Custom color palette (CSS variable names or color strings). */
@@ -37,7 +35,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      xAxisType?: XAxisType;
      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
      yAxisPosition?: YAxisPosition;
-     /** Multiple y-axis definitions for complex multi-axis charts. */
+     /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
      yAxes?: ChartLineYAxisConfig[] | undefined;
      /**
       * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -45,6 +43,10 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
       * Available when `xAxisType!=category`.
       */
      xAxis?: ChartLineXAxisConfig | undefined;
+     /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+     xMarker?: ChartLineXMarker | undefined;
+     /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+     yMarker?: ChartLineYMarker | undefined;
      /** Show grid lines. */
      showGrid?: boolean;
      /**

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartDataset } from 'chart.js';
+import type { ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -8,8 +7,8 @@ export interface Props {
     style?: string;
     /** 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", ChartLinePoint[]>[] | undefined;
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+    datasets?: ChartLineDataset[] | undefined;
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[] | undefined;
     /** Custom color palette (CSS variable names or color strings). */
@@ -30,7 +29,7 @@ export interface Props {
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
-    /** Multiple y-axis definitions for complex multi-axis charts. */
+    /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
     yAxes?: ChartLineYAxisConfig[] | undefined;
     /**
      * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -38,6 +37,10 @@ export interface Props {
      * Available when `xAxisType!=category`.
      */
     xAxis?: ChartLineXAxisConfig | undefined;
+    /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+    xMarker?: ChartLineXMarker | undefined;
+    /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+    yMarker?: ChartLineYMarker | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /**
@@ -123,15 +126,16 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
-    ChartLinePoint: typeof ChartLinePoint;
+    ChartLineDataset: typeof ChartLineDataset;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
+    ChartLineXMarker: typeof ChartLineXMarker;
+    ChartLineYMarker: typeof ChartLineYMarker;
     RangeLabels: typeof RangeLabels;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
-    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/index.d.ts

@@ -2340,6 +2340,8 @@ export { default as ObcCompassFlat } from './navigation-instruments/compass-flat
 export { default as ObcCompassIndicator } from './navigation-instruments/compass-indicator/ObcCompassIndicator.svelte';
 export { default as ObcCompassSector } from './navigation-instruments/compass-sector/ObcCompassSector.svelte';
 export { default as ObcCurrent } from './navigation-instruments/current/ObcCurrent.svelte';
+export { default as ObcDepthTopBand } from './navigation-instruments/depth/ObcDepthTopBand.svelte';
+export { default as ObcDepth } from './navigation-instruments/depth/ObcDepth.svelte';
 export { default as ObcDepthActual } from './navigation-instruments/depth-actual/ObcDepthActual.svelte';
 export { default as ObcDepthIndicator } from './navigation-instruments/depth-indicator/ObcDepthIndicator.svelte';
 export { default as ObcDraftTrim } from './navigation-instruments/draft-trim/ObcDraftTrim.svelte';

package/dist/index.js

@@ -2340,6 +2340,8 @@ export { default as ObcCompassFlat } from './navigation-instruments/compass-flat
 export { default as ObcCompassIndicator } from './navigation-instruments/compass-indicator/ObcCompassIndicator.svelte';
 export { default as ObcCompassSector } from './navigation-instruments/compass-sector/ObcCompassSector.svelte';
 export { default as ObcCurrent } from './navigation-instruments/current/ObcCurrent.svelte';
+export { default as ObcDepthTopBand } from './navigation-instruments/depth/ObcDepthTopBand.svelte';
+export { default as ObcDepth } from './navigation-instruments/depth/ObcDepth.svelte';
 export { default as ObcDepthActual } from './navigation-instruments/depth-actual/ObcDepthActual.svelte';
 export { default as ObcDepthIndicator } from './navigation-instruments/depth-indicator/ObcDepthIndicator.svelte';
 export { default as ObcDraftTrim } from './navigation-instruments/draft-trim/ObcDraftTrim.svelte';

package/dist/navigation-instruments/depth/ObcDepth.svelte

@@ -0,0 +1,123 @@
+
+  <script lang="ts">
+    export type {DepthType, DepthDataItem} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth.js';
+export type {ChartLineDataItem, ChartLineXAxisConfig} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {DepthRange} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
+export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+export type {Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth.js';
+      import { setProperties } from "../../util.js";
+      import type {DepthType, DepthDataItem} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth.js';
+import type {ChartLineDataItem, ChartLineXAxisConfig} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {DepthRange} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
+import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type {Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** `regular`, `prediction` or `scanned`. */
+     type?: DepthType;
+     /** History samples; `echoValue` draws the echo band under the line. */
+     data?: DepthDataItem[];
+     /**
+      * Predicted depths ahead, `x` a distance from the vessel.
+      *
+      * Available when `type==prediction`.
+      */
+     prediction?: ChartLineDataItem[];
+     /**
+      * Scanned seabed ahead, `x` a distance from the vessel.
+      *
+      * Available when `type==scanned`.
+      */
+     scan?: ChartLineDataItem[];
+     /**
+      * Sonar range in the distance unit, which is also the slant range that cuts the water column off; the last scan sample when unset.
+      *
+      * Available when `type==scanned`.
+      */
+     scanRange?: number | undefined;
+     /**
+      * Depth drawn as a dotted line beyond the scan range.
+      *
+      * Available when `type==scanned`.
+      */
+     predictedDepth?: number | undefined;
+     /** Current depth; the last history sample when unset. */
+     value?: number | undefined;
+     /** Draws the current depth as a line across the chart. */
+     hasValueLine?: boolean;
+     /**
+      * x of the now-line; 0 for `prediction` and `scanned`.
+      *
+      * Available when `type!=regular`.
+      */
+     now?: number;
+     /** Pinned x range; defaults to the history's extent for `regular` (so now is the right edge), ±200 for `prediction` and −100…250 for `scanned`. */
+     xAxis?: ChartLineXAxisConfig | undefined;
+     /** Range ladder. */
+     ranges?: readonly DepthRange[];
+     /** Explicit scale maximum; wins over `autoRange`. */
+     maxDepth?: number | undefined;
+     /** Steps the ladder with the data. */
+     autoRange?: boolean;
+     /**
+      * Overrides the range's primary tick interval.
+      *
+      * Available when `hasScale==true`.
+      */
+     primaryTickmarkInterval?: number | undefined;
+     /**
+      * Overrides the range's secondary tick interval.
+      *
+      * Available when `hasScale==true`.
+      */
+     secondaryTickmarkInterval?: number | undefined;
+     /** Condensed tick ladder in the right band (Figma style "Condenced"). */
+     hasScale?: boolean;
+     /** Frame band with the vessel silhouette above the chart (Figma style "Vessel scale"). */
+     showVessel?: boolean;
+     /**
+      * Side-view silhouette in the vessel band.
+      *
+      * Available when `showVessel==true`.
+      */
+     vesselImage?: VesselImage;
+     /** Advice overlays on the right band. */
+     hasAdvice?: boolean;
+     /**
+      * Advice zones in depth units.
+      *
+      * Available when `hasAdvice==true`.
+      */
+     advice?: LinearAdvice[];
+     /** `enhanced` draws the live series in the enhanced palette. */
+     priority?: Priority;
+     /** Instrument state, passed to the chart and the scale. */
+     state?: InstrumentState
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      
+
+    </script>
+    <obc-depth
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-depth>

package/dist/navigation-instruments/depth/ObcDepth.svelte.d.ts

@@ -0,0 +1,111 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth.js';
+import type { DepthType, DepthDataItem } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth.js';
+import type { ChartLineDataItem, ChartLineXAxisConfig } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { DepthRange } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
+import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type { Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** `regular`, `prediction` or `scanned`. */
+    type?: DepthType;
+    /** History samples; `echoValue` draws the echo band under the line. */
+    data?: DepthDataItem[];
+    /**
+     * Predicted depths ahead, `x` a distance from the vessel.
+     *
+     * Available when `type==prediction`.
+     */
+    prediction?: ChartLineDataItem[];
+    /**
+     * Scanned seabed ahead, `x` a distance from the vessel.
+     *
+     * Available when `type==scanned`.
+     */
+    scan?: ChartLineDataItem[];
+    /**
+     * Sonar range in the distance unit, which is also the slant range that cuts the water column off; the last scan sample when unset.
+     *
+     * Available when `type==scanned`.
+     */
+    scanRange?: number | undefined;
+    /**
+     * Depth drawn as a dotted line beyond the scan range.
+     *
+     * Available when `type==scanned`.
+     */
+    predictedDepth?: number | undefined;
+    /** Current depth; the last history sample when unset. */
+    value?: number | undefined;
+    /** Draws the current depth as a line across the chart. */
+    hasValueLine?: boolean;
+    /**
+     * x of the now-line; 0 for `prediction` and `scanned`.
+     *
+     * Available when `type!=regular`.
+     */
+    now?: number;
+    /** Pinned x range; defaults to the history's extent for `regular` (so now is the right edge), ±200 for `prediction` and −100…250 for `scanned`. */
+    xAxis?: ChartLineXAxisConfig | undefined;
+    /** Range ladder. */
+    ranges?: readonly DepthRange[];
+    /** Explicit scale maximum; wins over `autoRange`. */
+    maxDepth?: number | undefined;
+    /** Steps the ladder with the data. */
+    autoRange?: boolean;
+    /**
+     * Overrides the range's primary tick interval.
+     *
+     * Available when `hasScale==true`.
+     */
+    primaryTickmarkInterval?: number | undefined;
+    /**
+     * Overrides the range's secondary tick interval.
+     *
+     * Available when `hasScale==true`.
+     */
+    secondaryTickmarkInterval?: number | undefined;
+    /** Condensed tick ladder in the right band (Figma style "Condenced"). */
+    hasScale?: boolean;
+    /** Frame band with the vessel silhouette above the chart (Figma style "Vessel scale"). */
+    showVessel?: boolean;
+    /**
+     * Side-view silhouette in the vessel band.
+     *
+     * Available when `showVessel==true`.
+     */
+    vesselImage?: VesselImage;
+    /** Advice overlays on the right band. */
+    hasAdvice?: boolean;
+    /**
+     * Advice zones in depth units.
+     *
+     * Available when `hasAdvice==true`.
+     */
+    advice?: LinearAdvice[];
+    /** `enhanced` draws the live series in the enhanced palette. */
+    priority?: Priority;
+    /** Instrument state, passed to the chart and the scale. */
+    state?: InstrumentState;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcDepth: import("svelte").Component<$$ComponentProps, {
+    DepthType: typeof DepthType;
+    DepthDataItem: typeof DepthDataItem;
+    ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
+    DepthRange: typeof DepthRange;
+    VesselImage: typeof VesselImage;
+    LinearAdvice: typeof LinearAdvice;
+    Priority: typeof Priority;
+    InstrumentState: typeof InstrumentState;
+}, "">;
+type ObcDepth = ReturnType<typeof ObcDepth>;
+export default ObcDepth;

package/dist/navigation-instruments/depth/ObcDepthTopBand.svelte

@@ -0,0 +1,67 @@
+
+  <script lang="ts">
+    export type {DepthTopBandType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-top-band.js';
+export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-top-band.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {DepthTopBandType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-top-band.js';
+import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** `labels` (24 px row) or `vessel` (48 px band). */
+     type?: DepthTopBandType;
+     /**
+      * x value the vessel sits over; the range's end when unset.
+      *
+      * Available when `type==vessel`.
+      */
+     now?: number | undefined;
+     /**
+      * Side-view silhouette.
+      *
+      * Available when `type==vessel`.
+      */
+     vesselImage?: VesselImage;
+     /** Start of the x range; pushed by the hosting chart. */
+     minValue?: number;
+     /** End of the x range; pushed by the hosting chart. */
+     maxValue?: number;
+     /** Plot inset from the left edge; pushed by the hosting chart. */
+     paddingLeft?: number;
+     /** Plot inset from the right edge; pushed by the hosting chart. */
+     paddingRight?: number;
+     /** The chart's width in px; pushed by the hosting chart. */
+     width?: number;
+     /** Whether the paddings arrive in `scaleReferenceSize` units rather than px; pushed by the hosting chart. */
+     fixedAspectRatio?: boolean;
+     /**
+      * Reference width the paddings are expressed in under `fixedAspectRatio`; pushed by the hosting chart.
+      *
+      * Available when `fixedAspectRatio==true`.
+      */
+     scaleReferenceSize?: number
+   }
+      export interface Events {
+    onScaleDimensionsChanged?: (event: CustomEvent) => void
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      
+
+    </script>
+    <obc-depth-top-band
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-depth-top-band>

package/dist/navigation-instruments/depth/ObcDepthTopBand.svelte.d.ts

@@ -0,0 +1,53 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-top-band.js';
+import type { DepthTopBandType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-top-band.js';
+import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** `labels` (24 px row) or `vessel` (48 px band). */
+    type?: DepthTopBandType;
+    /**
+     * x value the vessel sits over; the range's end when unset.
+     *
+     * Available when `type==vessel`.
+     */
+    now?: number | undefined;
+    /**
+     * Side-view silhouette.
+     *
+     * Available when `type==vessel`.
+     */
+    vesselImage?: VesselImage;
+    /** Start of the x range; pushed by the hosting chart. */
+    minValue?: number;
+    /** End of the x range; pushed by the hosting chart. */
+    maxValue?: number;
+    /** Plot inset from the left edge; pushed by the hosting chart. */
+    paddingLeft?: number;
+    /** Plot inset from the right edge; pushed by the hosting chart. */
+    paddingRight?: number;
+    /** The chart's width in px; pushed by the hosting chart. */
+    width?: number;
+    /** Whether the paddings arrive in `scaleReferenceSize` units rather than px; pushed by the hosting chart. */
+    fixedAspectRatio?: boolean;
+    /**
+     * Reference width the paddings are expressed in under `fixedAspectRatio`; pushed by the hosting chart.
+     *
+     * Available when `fixedAspectRatio==true`.
+     */
+    scaleReferenceSize?: number;
+}
+export interface Events {
+    onScaleDimensionsChanged?: (event: CustomEvent) => void;
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcDepthTopBand: import("svelte").Component<$$ComponentProps, {
+    DepthTopBandType: typeof DepthTopBandType;
+    VesselImage: typeof VesselImage;
+}, "">;
+type ObcDepthTopBand = ReturnType<typeof ObcDepthTopBand>;
+export default ObcDepthTopBand;

package/dist/navigation-instruments/depth-actual/ObcDepthActual.svelte

@@ -3,26 +3,48 @@
     export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {DepthRange} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth-actual/depth-actual.js';
       import { setProperties } from "../../util.js";
       import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {DepthRange} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Depth below the surface. */
      depth?: number;
+     /** Draught, drawn as the vessel's keel line. */
      draft?: number;
+     /** Advice zones on the gauge, in depth units. */
      advice?: LinearAdvice[];
-     /** Available when `vesselImage!=''`. */
+     /**
+      * Factor on the range's vessel size.
+      *
+      * Available when `vesselImage!=''`.
+      */
      vesselScale?: number;
-     instrumentRange?: number;
-     primaryTickmarkInterval?: number;
-     secondaryTickmarkInterval?: number;
+     /** Fore-view silhouette. */
      vesselImage?: VesselImage;
-     priority?: Priority
+     /** `enhanced` draws the fills and lines in the enhanced palette. */
+     priority?: Priority;
+     /** Label the scale ends and the primary ladder beside the frame. */
+     showLabels?: boolean;
+     /** Range ladder shared with `obc-depth`. */
+     ranges?: readonly DepthRange[];
+     /** Explicit scale maximum; wins over `autoRange`. */
+     maxDepth?: number | undefined;
+     /** Steps the ladder with `depth`. */
+     autoRange?: boolean;
+     /** Overrides the range's primary tick interval. */
+     primaryTickmarkInterval?: number | undefined;
+     /** Overrides the range's secondary tick interval. */
+     secondaryTickmarkInterval?: number | undefined;
+     /** Alias of `maxDepth`, kept for existing consumers. */
+     instrumentRange?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/depth-actual/ObcDepthActual.svelte.d.ts

@@ -2,20 +2,41 @@ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth-actual/
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { DepthRange } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/depth/depth-shared.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Depth below the surface. */
     depth?: number;
+    /** Draught, drawn as the vessel's keel line. */
     draft?: number;
+    /** Advice zones on the gauge, in depth units. */
     advice?: LinearAdvice[];
-    /** Available when `vesselImage!=''`. */
+    /**
+     * Factor on the range's vessel size.
+     *
+     * Available when `vesselImage!=''`.
+     */
     vesselScale?: number;
-    instrumentRange?: number;
-    primaryTickmarkInterval?: number;
-    secondaryTickmarkInterval?: number;
+    /** Fore-view silhouette. */
     vesselImage?: VesselImage;
+    /** `enhanced` draws the fills and lines in the enhanced palette. */
     priority?: Priority;
+    /** Label the scale ends and the primary ladder beside the frame. */
+    showLabels?: boolean;
+    /** Range ladder shared with `obc-depth`. */
+    ranges?: readonly DepthRange[];
+    /** Explicit scale maximum; wins over `autoRange`. */
+    maxDepth?: number | undefined;
+    /** Steps the ladder with `depth`. */
+    autoRange?: boolean;
+    /** Overrides the range's primary tick interval. */
+    primaryTickmarkInterval?: number | undefined;
+    /** Overrides the range's secondary tick interval. */
+    secondaryTickmarkInterval?: number | undefined;
+    /** Alias of `maxDepth`, kept for existing consumers. */
+    instrumentRange?: number | undefined;
 }
 export interface Events {
 }
@@ -27,6 +48,7 @@ declare const ObcDepthActual: import("svelte").Component<$$ComponentProps, {
     LinearAdvice: typeof LinearAdvice;
     VesselImage: typeof VesselImage;
     Priority: typeof Priority;
+    DepthRange: typeof DepthRange;
 }, "">;
 type ObcDepthActual = ReturnType<typeof ObcDepthActual>;
 export default ObcDepthActual;

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte

@@ -38,6 +38,8 @@ animateSetpoint?: boolean;
      minValue?: number;
      /** Maximum scale value */
      maxValue?: number;
+     /** Plot `minValue` at the right so values grow leftward. */
+     reverse?: boolean;
      /** Which side of the chart area this scale lives on (top or bottom) */
      side?: ExternalScaleSide;
      /** Show numerical value labels at primary tickmarks */

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte.d.ts

@@ -31,6 +31,8 @@ regardless of instrument state. */
     minValue?: number;
     /** Maximum scale value */
     maxValue?: number;
+    /** Plot `minValue` at the right so values grow leftward. */
+    reverse?: boolean;
     /** Which side of the chart area this scale lives on (top or bottom) */
     side?: ExternalScaleSide;
     /** Show numerical value labels at primary tickmarks */

package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte

@@ -1,14 +1,12 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-export type {ChartDataset} from 'chart.js';
+    export type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
       import { setProperties } from "../../util.js";
-      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type {ChartDataset} from 'chart.js';
+      import type {ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -40,8 +38,8 @@ setpointOverride?: boolean;
 animateSetpoint?: boolean;
      /** 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", ChartLinePoint[]>[] | undefined;
+     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+     datasets?: ChartLineDataset[] | undefined;
      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
      labels?: (string | number)[] | undefined;
      /** Custom color palette (CSS variable names or color strings). */
@@ -62,7 +60,7 @@ animateSetpoint?: boolean;
      xAxisType?: XAxisType;
      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
      yAxisPosition?: YAxisPosition;
-     /** Multiple y-axis definitions for complex multi-axis charts. */
+     /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
      yAxes?: ChartLineYAxisConfig[] | undefined;
      /**
       * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -70,6 +68,10 @@ animateSetpoint?: boolean;
       * Available when `xAxisType!=category`.
       */
      xAxis?: ChartLineXAxisConfig | undefined;
+     /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+     xMarker?: ChartLineXMarker | undefined;
+     /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+     yMarker?: ChartLineYMarker | undefined;
      /** Show grid lines. */
      showGrid?: boolean;
      /**
@@ -160,6 +162,8 @@ scaleType?: ScaleType;
      chartMinValue?: number | undefined;
      /** Maximum value for the chart y-axis. When undefined, defaults to `maxValue` to keep chart and scale aligned. */
      chartMaxValue?: number | undefined;
+     /** Plot `minValue` at the top and grow downward, on both the chart y axis and the vertical scale. The chart fill still reaches the visual bottom. */
+     reverse?: boolean;
       /** Current value displayed on the vertical scale.
 
 This is the primary value property that drives:
@@ -176,6 +180,12 @@ When `false`, a dot indicator is automatically shown at the value position inste
 hasBar?: boolean;
      /** Show scale tick marks and labels. */
      hasScale?: boolean;
+     /**
+      * Label only the main tickmarks (min / 0 / max) on the vertical scale instead of the primary ladder.
+      *
+      * Available when `hasScale==true`.
+      */
+     showMainTickmarkLabels?: boolean;
      /** Show advice overlays on the vertical scale. */
      hasAdvice?: boolean;
       /** Fill mode for the bar.

package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
-import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartDataset } from 'chart.js';
+import type { ChartLineDataItem, ChartLineDataset, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, ChartLineXMarker, ChartLineYMarker, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ScaleType, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -31,8 +30,8 @@ regardless of instrument state. */
     animateSetpoint?: boolean;
     /** 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", ChartLinePoint[]>[] | undefined;
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. Explicit Chart.js styling on an entry (`borderColor`, `backgroundColor`, `borderDash`, `borderCapStyle`, `fill`, `order`, `pointRadius`) wins over the derived defaults (`fill: true` selects the chart's own `'start'`); `ellipseClip` clips the entry's drawing to an ellipse: centre and `rx` in data units, `ry` in data units when given, else round in pixels. */
+    datasets?: ChartLineDataset[] | undefined;
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[] | undefined;
     /** Custom color palette (CSS variable names or color strings). */
@@ -53,7 +52,7 @@ regardless of instrument state. */
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
-    /** Multiple y-axis definitions for complex multi-axis charts. */
+    /** Multiple y-axis definitions for complex multi-axis charts. Each entry accepts `min`/`max` to pin the range and `reverse` to plot `min` at the top; the primary axis' `reverse` cascades to slotted left/right scales. */
     yAxes?: ChartLineYAxisConfig[] | undefined;
     /**
      * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
@@ -61,6 +60,10 @@ regardless of instrument state. */
      * Available when `xAxisType!=category`.
      */
     xAxis?: ChartLineXAxisConfig | undefined;
+    /** Vertical marker at an x value: solid from the plot top to the dataset's value there (`datasetIndex`, default 0), dotted below it, with a dot on the value unless `showDot` is false. Drawn in the dataset's line colour. */
+    xMarker?: ChartLineXMarker | undefined;
+    /** Horizontal 2px marker across the plot at a y value, in the dataset's line colour (`datasetIndex`, default 0). */
+    yMarker?: ChartLineYMarker | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /**
@@ -151,6 +154,8 @@ Hidden from Storybook controls via argTypes configuration. */
     chartMinValue?: number | undefined;
     /** Maximum value for the chart y-axis. When undefined, defaults to `maxValue` to keep chart and scale aligned. */
     chartMaxValue?: number | undefined;
+    /** Plot `minValue` at the top and grow downward, on both the chart y axis and the vertical scale. The chart fill still reaches the visual bottom. */
+    reverse?: boolean;
     /** Current value displayed on the vertical scale.
 
 This is the primary value property that drives:
@@ -167,6 +172,12 @@ When `false`, a dot indicator is automatically shown at the value position inste
     hasBar?: boolean;
     /** Show scale tick marks and labels. */
     hasScale?: boolean;
+    /**
+     * Label only the main tickmarks (min / 0 / max) on the vertical scale instead of the primary ladder.
+     *
+     * Available when `hasScale==true`.
+     */
+    showMainTickmarkLabels?: boolean;
     /** Show advice overlays on the vertical scale. */
     hasAdvice?: boolean;
     /** Fill mode for the bar.
@@ -221,15 +232,16 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
-    ChartLinePoint: typeof ChartLinePoint;
+    ChartLineDataset: typeof ChartLineDataset;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
+    ChartLineXMarker: typeof ChartLineXMarker;
+    ChartLineYMarker: typeof ChartLineYMarker;
     RangeLabels: typeof RangeLabels;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
-    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte

@@ -38,6 +38,8 @@ animateSetpoint?: boolean;
      minValue?: number;
      /** Maximum scale value */
      maxValue?: number;
+     /** Plot `minValue` at the top so values grow downward. */
+     reverse?: boolean;
      /** Which side of the chart area this scale lives on (left or right) */
      side?: ExternalScaleSide;
      /** Show numerical value labels at primary tickmarks */

package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte.d.ts

@@ -31,6 +31,8 @@ regardless of instrument state. */
     minValue?: number;
     /** Maximum scale value */
     maxValue?: number;
+    /** Plot `minValue` at the top so values grow downward. */
+    reverse?: boolean;
     /** Which side of the chart area this scale lives on (left or right) */
     side?: ExternalScaleSide;
     /** Show numerical value labels at primary tickmarks */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.157",
+  "version": "2.0.0-next.158",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.157"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.158"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"