@oicl/openbridge-webcomponents-svelte 2.0.0-next.93 → 2.0.0-next.95

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

@@ -1,12 +1,12 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {ChartDataset} from 'chart.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, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {ChartDataset} from 'chart.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';
@@ -15,10 +15,12 @@ import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs
       export interface Props {
      class?: string;
      style?: string;
-      /** 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; })[]>[] | undefined;
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -41,7 +43,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;

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

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
-import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.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';
@@ -7,13 +7,12 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** 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;
-    })[]>[] | undefined;
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -36,7 +35,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;
@@ -118,6 +119,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAreaGraph: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;

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

@@ -1,11 +1,11 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {ChartDataset} from 'chart.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, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {ChartDataset} from 'chart.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
@@ -13,10 +13,12 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
       export interface Props {
      class?: string;
      style?: string;
-      /** 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; })[]>[] | undefined;
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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 +41,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;

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

@@ -1,18 +1,17 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/line-graph/line-graph.js';
-import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** 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;
-    })[]>[] | undefined;
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -35,7 +34,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;
@@ -109,6 +110,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcLineGraph: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;

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

@@ -1,11 +1,11 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {ChartDataset} from 'chart.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, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {ChartDataset} from 'chart.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
@@ -13,10 +13,12 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
       export interface Props {
      class?: string;
      style?: string;
-      /** 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; })[]>[] | undefined;
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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 +41,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;

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

@@ -1,18 +1,17 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
-import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** 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;
-    })[]>[] | undefined;
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -35,7 +34,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;
@@ -109,6 +110,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;

package/dist/index.d.ts

@@ -2293,10 +2293,8 @@ export { default as ObcPropulsionAzimuthIndicator } from './navigation-instrumen
 export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
 export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
-export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
 export { default as ObcReadoutList } from './navigation-instruments/readout-list/ObcReadoutList.svelte';
 export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
-export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
 export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';

package/dist/index.js

@@ -2293,10 +2293,8 @@ export { default as ObcPropulsionAzimuthIndicator } from './navigation-instrumen
 export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
 export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
-export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
 export { default as ObcReadoutList } from './navigation-instruments/readout-list/ObcReadoutList.svelte';
 export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
-export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
 export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';

package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 export type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
-export type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+export type {ReadoutBlockSize} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -11,7 +11,7 @@ export type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
       import { setProperties } from "../../util.js";
       import type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
-import type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type {ReadoutBlockSize} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -24,7 +24,7 @@ import type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
      label?: string;
      commandStatus?: CommandStatus;
      size?: AzimuthThrusterLabeledSize;
-     readoutVariant?: ReadoutVariant;
+     readoutSize?: ReadoutBlockSize;
      angle?: number;
      angleSetpoint?: number | undefined;
      newAngleSetpoint?: number | undefined;

package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte.d.ts

@@ -1,7 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
 import type { CommandStatus } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type { AzimuthThrusterLabeledSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
-import type { ReadoutVariant } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutBlockSize } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -13,7 +13,7 @@ export interface Props {
     label?: string;
     commandStatus?: CommandStatus;
     size?: AzimuthThrusterLabeledSize;
-    readoutVariant?: ReadoutVariant;
+    readoutSize?: ReadoutBlockSize;
     angle?: number;
     angleSetpoint?: number | undefined;
     newAngleSetpoint?: number | undefined;
@@ -46,7 +46,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAzimuthThrusterLabeled: import("svelte").Component<$$ComponentProps, {
     CommandStatus: typeof CommandStatus;
     AzimuthThrusterLabeledSize: typeof AzimuthThrusterLabeledSize;
-    ReadoutVariant: typeof ReadoutVariant;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
     AngleAdvice: typeof AngleAdvice;
     LinearAdvice: typeof LinearAdvice;
     TickmarkStyle: typeof TickmarkStyle;

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

@@ -1,13 +1,13 @@
 
   <script lang="ts">
-    export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {ChartDataset} from 'chart.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, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {ChartDataset} from 'chart.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';
@@ -38,10 +38,12 @@ regardless of instrument state. */
 setpointOverride?: boolean;
       /** Enable CSS-animated confirm transition. */
 animateSetpoint?: boolean;
-      /** 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; })[]>[] | undefined;
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -64,7 +66,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;

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

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
-import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.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';
@@ -29,13 +29,12 @@ regardless of instrument state. */
     setpointOverride?: boolean;
     /** Enable CSS-animated confirm transition. */
     animateSetpoint?: boolean;
-    /** 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;
-    })[]>[] | undefined;
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | 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). */
@@ -58,7 +57,9 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 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;
@@ -199,6 +200,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
     ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
     ChartLineYAxisConfig: typeof ChartLineYAxisConfig;

package/dist/navigation-instruments/readout/ObcReadout.svelte

@@ -1,119 +1,83 @@
 
   <script lang="ts">
-    export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-export type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+    export type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+export type {ReadoutDirection, ReadoutStacking, ReadoutAlignment, ReadoutSourceOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+export type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
       import { setProperties } from "../../util.js";
-      import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+      import type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type {ReadoutDirection, ReadoutStacking, ReadoutAlignment, ReadoutSourceOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+import type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     value?: number | undefined;
-     hasSetpoint?: boolean;
-     setpointValue?: number | undefined;
-     variant?: ReadoutVariant;
-     hasDegree?: boolean;
-     label?: string;
+     label?: string | undefined;
      unit?: string | undefined;
      src?: string | undefined;
-     off?: boolean;
-     valuePriority?: Priority | undefined;
-     dataState?: ReadoutDataState;
-     setpointInteraction?: ReadoutSetpointInteraction;
-     direction?: ReadoutDirection;
-      /** Override the size of the setpoint segment (when `hasSetpoint` is true).
-
-- In `alwaysVisible` and `popUp` interaction modes: any size value applies.
-- In `flipFlop` mode: the override is honored only when strictly smaller
-  than the variant's base size (medium for `regular`, large for
-  `enhanced`/`stack`). Larger overrides are ignored, falling back to the
-  default secondary size to preserve the flip-flop visual effect and
-  prevent setpoint/value overlap.
-
-When unset, the setpoint size is derived from `variant` (and adjusted for
-multi-line formats). */
-setpointSize?: ReadoutSetpointSize | undefined;
-     alignment?: ReadoutStackVerticalAlignment;
-     hug?: boolean;
-     hasSetpointDivider?: boolean;
-     hasSourceDivider?: boolean;
-     showZeroPadding?: boolean;
+      /** Layout switch: `false` renders a deliberately value-less (label-only)
+readout that hugs its remaining parts. For a temporarily missing value
+keep `hasValue` and set `value` to `null` instead — the dash keeps the
+value block at full size, so the layout does not shift when data arrives. */
+hasValue?: boolean;
+     value?: number | null;
+      /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
+off?: boolean;
+      /** Text shown in place of the value when `off` is true. */
+offText?: string;
+     hasSetpoint?: boolean;
+     setpoint?: number | undefined;
+     hasAdvice?: boolean;
+     advice?: number | undefined;
+     size?: ReadoutBlockSize | undefined;
+     priority?: Priority | undefined;
+     direction?: ReadoutDirection | undefined;
+     stacking?: ReadoutStacking | undefined;
+     alignment?: ReadoutAlignment | undefined;
+     hasDegree?: boolean;
+     hasDegreeSpacer?: boolean;
      fractionDigits?: number;
-     minValueLength?: number;
-     valueHasHintedZeros?: boolean;
-     labelOnly?: boolean;
-     hasSrcPicker?: boolean;
-     sourceDeltaValue?: number;
-     sourceType?: ReadoutSourceType | undefined;
-     hasLeadingIcon?: boolean;
+     maxDigits?: number;
+     dataQuality?: ReadoutBlockDataQuality | undefined;
      alert?: boolean | AlertFrameConfig;
-     sourceHug?: boolean;
-     hasSourceLeadingIcon?: boolean;
-     hasSourceTrailingIcon?: boolean;
-     hasAdvice?: boolean;
-     adviceValue?: number | undefined;
-     adviceFormat?: ReadoutAdviceFormat;
-     adviceState?: ReadoutAdviceState;
-     adviceSecondaryValue?: number | undefined;
-     adviceDescription?: string;
-     adviceHasHintedZeros?: boolean;
-     setpointFormat?: ReadoutSetpointFormat;
-     setpointSecondaryValue?: number | undefined;
-     setpointDescription?: string;
-     setpointHasHintedZeros?: boolean
+     valueOptions?: ReadoutValueOptions | undefined;
+     setpointOptions?: ReadoutSetpointOptions | undefined;
+     adviceOptions?: ReadoutAdviceOptions | undefined;
+     unitOptions?: ReadoutReserverOptions | undefined;
+     srcOptions?: ReadoutSourceOptions | undefined;
+      /** Development aid: outline the readout building blocks (red), the degree
+columns (blue) and the degree spacer (green) so reserver widths / alignment
+are visible. Off by default. */
+showDebugOverlay?: boolean
    }
       export interface Events {
-    onSourceFlyoutClick?: (event: CustomEvent<{src: string, sourceType?: ReadoutSourceType}>) => void;
-    onSourceChange?: (event: CustomEvent<{value: string, label?: string}>) => void
+    onSourceChange?: (event: CustomEvent<{value: string, label?: string}>) => void;
+    onSourceFlyoutClick?: (event: CustomEvent<{src: string}>) => void
   }
       export interface Slots {
-  advice?: Snippet;
-  adviceIcon?: Snippet;
-  setpoint?: Snippet;
+  valueIcon?: Snippet;
   setpointIcon?: Snippet;
-  leadingIcon?: Snippet;
-  valueSnippet?: Snippet;
-  labelSnippet?: Snippet;
-  unitSnippet?: Snippet;
-  source?: Snippet;
+  adviceIcon?: Snippet;
   srcPickerContent?: Snippet
 }
-      const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, setpoint, setpointIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
+      const {onSourceChange, onSourceFlyoutClick, class: className, style, valueIcon, setpointIcon, adviceIcon, srcPickerContent, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-readout
     use:setProperties={props}
     class={className}
     style={style}
-    onsource-flyout-click={onSourceFlyoutClick}
-   onsource-change={onSourceChange} >
+    onsource-change={onSourceChange}
+   onsource-flyout-click={onSourceFlyoutClick} >
       
-      {#if advice}
-        <div slot="advice">
-          {@render advice()}
-        </div>
-      {/if}
-
-      {#if adviceIcon}
-        <div slot="advice-icon">
-          {@render adviceIcon()}
-        </div>
-      {/if}
-
-      {#if setpoint}
-        <div slot="setpoint">
-          {@render setpoint()}
+      {#if valueIcon}
+        <div slot="value-icon">
+          {@render valueIcon()}
         </div>
       {/if}
 
@@ -123,33 +87,9 @@ setpointSize?: ReadoutSetpointSize | undefined;
         </div>
       {/if}
 
-      {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
-      {/if}
-
-      {#if valueSnippet}
-        <div slot="value">
-          {@render valueSnippet()}
-        </div>
-      {/if}
-
-      {#if labelSnippet}
-        <div slot="label">
-          {@render labelSnippet()}
-        </div>
-      {/if}
-
-      {#if unitSnippet}
-        <div slot="unit">
-          {@render unitSnippet()}
-        </div>
-      {/if}
-
-      {#if source}
-        <div slot="source">
-          {@render source()}
+      {#if adviceIcon}
+        <div slot="advice-icon">
+          {@render adviceIcon()}
         </div>
       {/if}
 

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -1,104 +1,80 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type { ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutBlockSize, ReadoutBlockDataQuality } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type { ReadoutDirection, ReadoutStacking, ReadoutAlignment, ReadoutSourceOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+import type { ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    value?: number | undefined;
-    hasSetpoint?: boolean;
-    setpointValue?: number | undefined;
-    variant?: ReadoutVariant;
-    hasDegree?: boolean;
-    label?: string;
+    label?: string | undefined;
     unit?: string | undefined;
     src?: string | undefined;
+    /** Layout switch: `false` renders a deliberately value-less (label-only)
+readout that hugs its remaining parts. For a temporarily missing value
+keep `hasValue` and set `value` to `null` instead — the dash keeps the
+value block at full size, so the layout does not shift when data arrives. */
+    hasValue?: boolean;
+    value?: number | null;
+    /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
     off?: boolean;
-    valuePriority?: Priority | undefined;
-    dataState?: ReadoutDataState;
-    setpointInteraction?: ReadoutSetpointInteraction;
-    direction?: ReadoutDirection;
-    /** Override the size of the setpoint segment (when `hasSetpoint` is true).
-
-- In `alwaysVisible` and `popUp` interaction modes: any size value applies.
-- In `flipFlop` mode: the override is honored only when strictly smaller
-than the variant's base size (medium for `regular`, large for
-`enhanced`/`stack`). Larger overrides are ignored, falling back to the
-default secondary size to preserve the flip-flop visual effect and
-prevent setpoint/value overlap.
-
-When unset, the setpoint size is derived from `variant` (and adjusted for
-multi-line formats). */
-    setpointSize?: ReadoutSetpointSize | undefined;
-    alignment?: ReadoutStackVerticalAlignment;
-    hug?: boolean;
-    hasSetpointDivider?: boolean;
-    hasSourceDivider?: boolean;
-    showZeroPadding?: boolean;
+    /** Text shown in place of the value when `off` is true. */
+    offText?: string;
+    hasSetpoint?: boolean;
+    setpoint?: number | undefined;
+    hasAdvice?: boolean;
+    advice?: number | undefined;
+    size?: ReadoutBlockSize | undefined;
+    priority?: Priority | undefined;
+    direction?: ReadoutDirection | undefined;
+    stacking?: ReadoutStacking | undefined;
+    alignment?: ReadoutAlignment | undefined;
+    hasDegree?: boolean;
+    hasDegreeSpacer?: boolean;
     fractionDigits?: number;
-    minValueLength?: number;
-    valueHasHintedZeros?: boolean;
-    labelOnly?: boolean;
-    hasSrcPicker?: boolean;
-    sourceDeltaValue?: number;
-    sourceType?: ReadoutSourceType | undefined;
-    hasLeadingIcon?: boolean;
+    maxDigits?: number;
+    dataQuality?: ReadoutBlockDataQuality | undefined;
     alert?: boolean | AlertFrameConfig;
-    sourceHug?: boolean;
-    hasSourceLeadingIcon?: boolean;
-    hasSourceTrailingIcon?: boolean;
-    hasAdvice?: boolean;
-    adviceValue?: number | undefined;
-    adviceFormat?: ReadoutAdviceFormat;
-    adviceState?: ReadoutAdviceState;
-    adviceSecondaryValue?: number | undefined;
-    adviceDescription?: string;
-    adviceHasHintedZeros?: boolean;
-    setpointFormat?: ReadoutSetpointFormat;
-    setpointSecondaryValue?: number | undefined;
-    setpointDescription?: string;
-    setpointHasHintedZeros?: boolean;
+    valueOptions?: ReadoutValueOptions | undefined;
+    setpointOptions?: ReadoutSetpointOptions | undefined;
+    adviceOptions?: ReadoutAdviceOptions | undefined;
+    unitOptions?: ReadoutReserverOptions | undefined;
+    srcOptions?: ReadoutSourceOptions | undefined;
+    /** Development aid: outline the readout building blocks (red), the degree
+columns (blue) and the degree spacer (green) so reserver widths / alignment
+are visible. Off by default. */
+    showDebugOverlay?: boolean;
 }
 export interface Events {
-    onSourceFlyoutClick?: (event: CustomEvent<{
-        src: string;
-        sourceType?: ReadoutSourceType;
-    }>) => void;
     onSourceChange?: (event: CustomEvent<{
         value: string;
         label?: string;
     }>) => void;
+    onSourceFlyoutClick?: (event: CustomEvent<{
+        src: string;
+    }>) => void;
 }
 export interface Slots {
-    advice?: Snippet;
-    adviceIcon?: Snippet;
-    setpoint?: Snippet;
+    valueIcon?: Snippet;
     setpointIcon?: Snippet;
-    leadingIcon?: Snippet;
-    valueSnippet?: Snippet;
-    labelSnippet?: Snippet;
-    unitSnippet?: Snippet;
-    source?: Snippet;
+    adviceIcon?: Snippet;
     srcPickerContent?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
-    ReadoutSourceType: typeof ReadoutSourceType;
-    ReadoutVariant: typeof ReadoutVariant;
-    ReadoutDataState: typeof ReadoutDataState;
-    ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
-    ReadoutDirection: typeof ReadoutDirection;
-    ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
     Priority: typeof Priority;
-    ReadoutSetpointSize: typeof ReadoutSetpointSize;
-    ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
+    ReadoutDirection: typeof ReadoutDirection;
+    ReadoutStacking: typeof ReadoutStacking;
+    ReadoutAlignment: typeof ReadoutAlignment;
+    ReadoutSourceOptions: typeof ReadoutSourceOptions;
     AlertFrameConfig: typeof AlertFrameConfig;
-    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
-    ReadoutAdviceState: typeof ReadoutAdviceState;
+    ReadoutValueOptions: typeof ReadoutValueOptions;
+    ReadoutSetpointOptions: typeof ReadoutSetpointOptions;
+    ReadoutAdviceOptions: typeof ReadoutAdviceOptions;
+    ReadoutReserverOptions: typeof ReadoutReserverOptions;
 }, "">;
 type ObcReadout = ReturnType<typeof ObcReadout>;
 export default ObcReadout;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -16,7 +16,11 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
      label?: string | undefined;
      unit?: string | undefined;
      src?: string | undefined;
-     hasValue?: boolean;
+      /** Layout switch: `false` renders a deliberately value-less (label-only)
+row that hugs its remaining parts. For a temporarily missing value keep
+`hasValue` and set `value` to `null` instead — the dash keeps the value
+block at full size, so the row does not shift when data arrives. */
+hasValue?: boolean;
      value?: number | null;
       /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
 off?: boolean;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -9,6 +9,10 @@ export interface Props {
     label?: string | undefined;
     unit?: string | undefined;
     src?: string | undefined;
+    /** Layout switch: `false` renders a deliberately value-less (label-only)
+row that hugs its remaining parts. For a temporarily missing value keep
+`hasValue` and set `value` to `null` instead — the dash keeps the value
+block at full size, so the row does not shift when data arrives. */
     hasValue?: boolean;
     value?: number | null;
     /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */

package/package.json

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

package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte

@@ -1,53 +0,0 @@
-
-  <script lang="ts">
-    export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-export type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
-export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
-      import { setProperties } from "../../util.js";
-      import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
-import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-      import type { Snippet } from 'svelte';
-
-      export interface Props {
-     class?: string;
-     style?: string;
-     readoutStyle?: ReadoutVariant | undefined;
-     direction?: ReadoutDirection | undefined;
-     size?: ReadoutSetpointSize;
-     format?: ReadoutAdviceFormat | undefined;
-     priority?: Priority | undefined;
-     state?: ReadoutAdviceState;
-     hugContent?: boolean;
-     value?: number | undefined;
-     secondaryValue?: number | undefined;
-     description?: string;
-     minValueLength?: number;
-     hasHintedZeros?: boolean;
-     fractionDigits?: number;
-     hasDegree?: boolean
-   }
-      export interface Events {
-    
-  }
-      export interface Slots {
-  icon?: Snippet
-}
-      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
-
-    </script>
-    <obc-readout-advice
-    use:setProperties={props}
-    class={className}
-    style={style}
-     >
-      
-      {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
-      {/if}
-    </obc-readout-advice>

package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte.d.ts

@@ -1,40 +0,0 @@
-import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
-import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type { ReadoutSetpointSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
-import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { Snippet } from 'svelte';
-export interface Props {
-    class?: string;
-    style?: string;
-    readoutStyle?: ReadoutVariant | undefined;
-    direction?: ReadoutDirection | undefined;
-    size?: ReadoutSetpointSize;
-    format?: ReadoutAdviceFormat | undefined;
-    priority?: Priority | undefined;
-    state?: ReadoutAdviceState;
-    hugContent?: boolean;
-    value?: number | undefined;
-    secondaryValue?: number | undefined;
-    description?: string;
-    minValueLength?: number;
-    hasHintedZeros?: boolean;
-    fractionDigits?: number;
-    hasDegree?: boolean;
-}
-export interface Events {
-}
-export interface Slots {
-    icon?: Snippet;
-}
-type $$ComponentProps = Props & Events & Slots;
-declare const ObcReadoutAdvice: import("svelte").Component<$$ComponentProps, {
-    ReadoutVariant: typeof ReadoutVariant;
-    ReadoutDirection: typeof ReadoutDirection;
-    ReadoutSetpointSize: typeof ReadoutSetpointSize;
-    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
-    ReadoutAdviceState: typeof ReadoutAdviceState;
-    Priority: typeof Priority;
-}, "">;
-type ObcReadoutAdvice = ReturnType<typeof ObcReadoutAdvice>;
-export default ObcReadoutAdvice;

package/dist/navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte

@@ -1,63 +0,0 @@
-
-  <script lang="ts">
-    export type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-      import { setProperties } from "../../util.js";
-      import type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-      import type { Snippet } from 'svelte';
-
-      export interface Props {
-     class?: string;
-     style?: string;
-     variant?: ReadoutSetpointVariant;
-     readoutStyle?: ReadoutVariant | undefined;
-     direction?: ReadoutDirection | undefined;
-     size?: ReadoutSetpointSize;
-     valueTypography?: ReadoutSetpointValueTypography | undefined;
-     format?: ReadoutSetpointFormat | undefined;
-     mode?: ReadoutSetpointMode | undefined;
-     priority?: Priority | undefined;
-     hugContent?: boolean;
-     minValueLength?: number;
-     value?: number | undefined;
-     secondaryValue?: number | undefined;
-     off?: boolean;
-     description?: string;
-     hasHintedZeros?: boolean;
-     hasDegree?: boolean;
-     showZeroPadding?: boolean;
-     fractionDigits?: number;
-     reserveSpaceForIcon?: boolean
-   }
-      export interface Events {
-    
-  }
-      export interface Slots {
-  icon?: Snippet;
-  valueSnippet?: Snippet
-}
-      const { class: className, style, icon, valueSnippet, ...props} = $props<Props & Events & Slots>();
-
-    </script>
-    <obc-readout-setpoint
-    use:setProperties={props}
-    class={className}
-    style={style}
-     >
-      
-      {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
-      {/if}
-
-      {#if valueSnippet}
-        <div slot="value">
-          {@render valueSnippet()}
-        </div>
-      {/if}
-    </obc-readout-setpoint>

package/dist/navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte.d.ts

@@ -1,47 +0,0 @@
-import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-import type { ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
-import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { Snippet } from 'svelte';
-export interface Props {
-    class?: string;
-    style?: string;
-    variant?: ReadoutSetpointVariant;
-    readoutStyle?: ReadoutVariant | undefined;
-    direction?: ReadoutDirection | undefined;
-    size?: ReadoutSetpointSize;
-    valueTypography?: ReadoutSetpointValueTypography | undefined;
-    format?: ReadoutSetpointFormat | undefined;
-    mode?: ReadoutSetpointMode | undefined;
-    priority?: Priority | undefined;
-    hugContent?: boolean;
-    minValueLength?: number;
-    value?: number | undefined;
-    secondaryValue?: number | undefined;
-    off?: boolean;
-    description?: string;
-    hasHintedZeros?: boolean;
-    hasDegree?: boolean;
-    showZeroPadding?: boolean;
-    fractionDigits?: number;
-    reserveSpaceForIcon?: boolean;
-}
-export interface Events {
-}
-export interface Slots {
-    icon?: Snippet;
-    valueSnippet?: Snippet;
-}
-type $$ComponentProps = Props & Events & Slots;
-declare const ObcReadoutSetpoint: import("svelte").Component<$$ComponentProps, {
-    ReadoutSetpointVariant: typeof ReadoutSetpointVariant;
-    ReadoutSetpointSize: typeof ReadoutSetpointSize;
-    ReadoutSetpointValueTypography: typeof ReadoutSetpointValueTypography;
-    ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
-    ReadoutSetpointMode: typeof ReadoutSetpointMode;
-    ReadoutVariant: typeof ReadoutVariant;
-    ReadoutDirection: typeof ReadoutDirection;
-    Priority: typeof Priority;
-}, "">;
-type ObcReadoutSetpoint = ReturnType<typeof ObcReadoutSetpoint>;
-export default ObcReadoutSetpoint;